<!-- 我的页面 -->
<view class="page-my-profile">

  <!-- 用户信息区域 -->
  <view class="user-card">
    <view class="avatar-wrap">
      <image class="avatar" src="{{userInfo.avatar}}" mode="aspectFill" />
    </view>
    <view class="user-info">
      <view class="name-row">
        <text class="name">{{userInfo.name}}</text>
        <text class="role-tag">{{userInfo.role}}</text>
      </view>
      <text class="store-name">{{userInfo.storeName}}</text>
    </view>
  </view>

  <!-- 菜单列表 -->
  <view class="menu-list">

    <!-- 备注记录 -->
    <view class="menu-item" hover-class="menu-item--hover" bind:tap="onMenuTap" data-key="notes">
      <view class="menu-left">
        <view class="menu-icon icon-notes">
          <image src="/assets/icons/menu-notes.svg" class="menu-icon-img" mode="aspectFit" />
        </view>
        <text class="menu-text">备注记录</text>
      </view>
      <view class="menu-chevron">
        <t-icon name="chevron-right" size="28rpx" color="#c5c5c5" />
      </view>
    </view>

    <!-- 助手对话记录 -->
    <view class="menu-item" hover-class="menu-item--hover" bind:tap="onMenuTap" data-key="chat-history">
      <view class="menu-left">
        <view class="menu-icon icon-chat">
          <image src="/assets/icons/menu-chat.svg" class="menu-icon-img" mode="aspectFit" />
        </view>
        <text class="menu-text">助手对话记录</text>
      </view>
      <view class="menu-chevron">
        <t-icon name="chevron-right" size="28rpx" color="#c5c5c5" />
      </view>
    </view>

    <!-- 退出账号 -->
    <view class="menu-item menu-item--last" hover-class="menu-item--hover" bind:tap="onLogout">
      <view class="menu-left">
        <view class="menu-icon icon-logout">
          <image src="/assets/icons/menu-logout.svg" class="menu-icon-img" mode="aspectFit" />
        </view>
        <text class="menu-text">退出账号</text>
      </view>
      <view class="menu-chevron">
        <t-icon name="chevron-right" size="28rpx" color="#c5c5c5" />
      </view>
    </view>

  </view>
</view>

<!-- AI 悬浮按钮 — TabBar 页面 bottom 200rpx -->
<ai-float-button visible="{{true}}" />

<dev-fab wx:if="{{false}}" />
