codexmate 0.1.4 → 0.1.6

package/lib/cli-sessions.js

@@ -204,6 +204,17 @@ function extractMessageFromRecord(record, source) {
         }
         return null;
     }
+    if (source === 'pi') {
+        if (record.type === 'message' && record.message && typeof record.message === 'object') {
+            const role = normalizeRole(record.message.role);
+            const text = extractMessageText(record.message.content);
+            if (!role || !text) {
+                return null;
+            }
+            return { role, text };
+        }
+        return null;
+    }
 
     const role = normalizeRole(record.type);
     if (!role) {
@@ -271,6 +282,14 @@ function applySessionDetailRecordMetadata(record, source, state) {
         return;
     }
 
+    if (source === 'pi') {
+        if (record.type === 'session') {
+            state.sessionId = record.id || state.sessionId;
+            state.cwd = record.cwd || state.cwd;
+        }
+        return;
+    }
+
     if (!state.sessionId && record.sessionId) {
         state.sessionId = record.sessionId;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/web-ui/logic.sessions.mjs

@@ -29,14 +29,14 @@ function shouldUseFastSessionBrowseLimit(options = {}) {
 
 export function isSessionQueryEnabled(source) {
     const normalized = normalizeSessionSource(source, '');
-    return normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'all';
+    return normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'pi' || normalized === 'all';
 }
 
 export function normalizeSessionSource(source, fallback = 'all') {
     const normalized = typeof source === 'string'
         ? source.trim().toLowerCase()
         : '';
-    if (normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'all') {
+    if (normalized === 'codex' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'pi' || normalized === 'all') {
         return normalized;
     }
     return fallback;
@@ -209,7 +209,7 @@ export function buildUsageHeatmap(sessions = [], options = {}) {
     for (const session of list) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
-        if (source !== 'codex' && source !== 'claude') continue;
+        if (source !== 'codex' && source !== 'claude' && source !== 'pi') continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
         normalized.push({
@@ -309,7 +309,7 @@ export function buildUsageHourlyHeatmap(sessions = [], options = {}) {
     for (const session of list) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
-        if (source !== 'codex' && source !== 'claude') continue;
+        if (source !== 'codex' && source !== 'claude' && source !== 'pi') continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
         const dayStart = toUtcDayStartMs(updatedAtMs);
@@ -402,7 +402,7 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
     for (const [sessionIndex, session] of list.entries()) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
-        if (source !== 'codex' && source !== 'claude') continue;
+        if (source !== 'codex' && source !== 'claude' && source !== 'pi') continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
         const createdAtMs = Date.parse(session.createdAt || '');

package/web-ui/modules/app.computed.session.mjs

@@ -307,7 +307,8 @@ export function createSessionComputed() {
                 { value: "codex", label: this.t("sessions.source.codex") },
                 { value: "claude", label: this.t("sessions.source.claudeCode") },
                 { value: "gemini", label: this.t("sessions.source.gemini") },
-                { value: "codebuddy", label: this.t("sessions.source.codebuddy") }
+                { value: "codebuddy", label: this.t("sessions.source.codebuddy") },
+                { value: "pi", label: this.t("sessions.source.pi") }
             ];
         },
         activeSessionExportKey() {

package/web-ui/modules/app.methods.session-actions.mjs

@@ -28,8 +28,8 @@ export function createSessionActionMethods(options = {}) {
                 let error = '';
                 if (!source) {
                     error = '缺少 source 参数';
-                } else if (source !== 'codex' && source !== 'claude') {
-                    error = 'source 仅支持 codex 或 claude';
+                } else if (source !== 'codex' && source !== 'claude' && source !== 'gemini' && source !== 'codebuddy' && source !== 'pi') {
+                    error = 'source 仅支持 codex、claude、gemini、codebuddy 或 pi';
                 }
                 if (!sessionId && !filePath) {
                     error = error ? `${error}，还缺少 sessionId 或 filePath` : '缺少 sessionId 或 filePath 参数';
@@ -67,7 +67,15 @@ export function createSessionActionMethods(options = {}) {
                 return;
             }
 
-            const sourceLabel = context.params.source === 'codex' ? 'Codex' : 'Claude Code';
+            const sourceLabel = context.params.source === 'codex'
+                ? 'Codex'
+                : (context.params.source === 'claude'
+                    ? 'Claude Code'
+                    : (context.params.source === 'gemini'
+                        ? 'Gemini CLI'
+                        : (context.params.source === 'pi'
+                            ? 'Pi'
+                            : (context.params.source === 'codebuddy' ? 'CodeBuddy Code' : context.params.source))));
             this.activeSession = {
                 source: context.params.source,
                 sourceLabel,
@@ -96,7 +104,7 @@ export function createSessionActionMethods(options = {}) {
         buildSessionStandaloneUrl(session) {
             if (!session) return '';
             const source = typeof session.source === 'string' ? session.source.trim().toLowerCase() : '';
-            if (!source || (source !== 'codex' && source !== 'claude')) return '';
+            if (!source || (source !== 'codex' && source !== 'claude' && source !== 'gemini' && source !== 'codebuddy' && source !== 'pi')) return '';
             const sessionId = typeof session.sessionId === 'string' ? session.sessionId.trim() : '';
             const filePath = typeof session.filePath === 'string' ? session.filePath.trim() : '';
             if (!sessionId && !filePath) return '';
@@ -217,7 +225,7 @@ export function createSessionActionMethods(options = {}) {
         isDeleteAvailable(session) {
             if (!session) return false;
             const source = String(session.source || '').trim().toLowerCase();
-            if (source !== 'codex' && source !== 'claude') return false;
+            if (source !== 'codex' && source !== 'claude' && source !== 'pi') return false;
             const sessionId = typeof session.sessionId === 'string' ? session.sessionId.trim() : '';
             const filePath = typeof session.filePath === 'string' ? session.filePath.trim() : '';
             return !!sessionId || !!filePath;

package/web-ui/modules/app.methods.session-browser.mjs

@@ -120,7 +120,7 @@ export function createSessionBrowserMethods(options = {}) {
         syncSessionPathOptionsForSource(source, nextOptions, mergeWithExisting = false) {
             const targetSource = source === 'claude'
                 ? 'claude'
-                : (source === 'gemini' ? 'gemini' : (source === 'all' ? 'all' : 'codex'));
+                : (source === 'gemini' ? 'gemini' : (source === 'pi' ? 'pi' : (source === 'all' ? 'all' : 'codex')));
             const current = Array.isArray(this.sessionPathOptionsMap[targetSource])
                 ? this.sessionPathOptionsMap[targetSource]
                 : [];
@@ -137,7 +137,7 @@ export function createSessionBrowserMethods(options = {}) {
         refreshSessionPathOptions(source) {
             const targetSource = source === 'claude'
                 ? 'claude'
-                : (source === 'gemini' ? 'gemini' : (source === 'all' ? 'all' : 'codex'));
+                : (source === 'gemini' ? 'gemini' : (source === 'pi' ? 'pi' : (source === 'all' ? 'all' : 'codex')));
             const base = Array.isArray(this.sessionPathOptionsMap[targetSource])
                 ? [...this.sessionPathOptionsMap[targetSource]]
                 : [];
@@ -161,7 +161,7 @@ export function createSessionBrowserMethods(options = {}) {
         async loadSessionPathOptions(options = {}) {
             const source = options.source === 'claude'
                 ? 'claude'
-                : (options.source === 'gemini' ? 'gemini' : (options.source === 'all' ? 'all' : 'codex'));
+                : (options.source === 'gemini' ? 'gemini' : (options.source === 'pi' ? 'pi' : (options.source === 'all' ? 'all' : 'codex')));
             const forceRefresh = !!options.forceRefresh;
             const loaded = !!this.sessionPathOptionsLoadedMap[source];
             if (!forceRefresh && loaded) {
@@ -507,7 +507,11 @@ export function createSessionBrowserMethods(options = {}) {
                         ? this.t('sessions.source.claudeCode')
                         : (this.sessionFilterSource === 'gemini'
                             ? this.t('sessions.source.gemini')
-                            : (this.sessionFilterSource === 'codebuddy' ? this.t('sessions.source.codebuddy') : this.sessionFilterSource)));
+                            : (this.sessionFilterSource === 'codebuddy'
+                                ? this.t('sessions.source.codebuddy')
+                                : (this.sessionFilterSource === 'pi'
+                                    ? this.t('sessions.source.pi')
+                                    : this.sessionFilterSource))));
                 chips.push({ key: 'source', title: this.t('sessions.filters.source'), value: label });
             }
             if (this.sessionPathFilter) {

package/web-ui/modules/app.methods.session-trash.mjs

@@ -10,7 +10,7 @@ export function createSessionTrashMethods(options = {}) {
             const deletedAt = typeof result.deletedAt === 'string' && result.deletedAt
                 ? result.deletedAt
                 : new Date().toISOString();
-            const source = session && (session.source === 'claude' || session.source === 'gemini')
+            const source = session && (session.source === 'claude' || session.source === 'gemini' || session.source === 'codebuddy' || session.source === 'pi')
                 ? session.source
                 : 'codex';
             return {
@@ -18,7 +18,7 @@ export function createSessionTrashMethods(options = {}) {
                 source,
                 sourceLabel: session && typeof session.sourceLabel === 'string' && session.sourceLabel
                     ? session.sourceLabel
-                    : (source === 'claude' ? 'Claude Code' : (source === 'gemini' ? 'Gemini CLI' : 'Codex')),
+                    : (source === 'claude' ? 'Claude Code' : (source === 'gemini' ? 'Gemini CLI' : (source === 'pi' ? 'Pi' : (source === 'codebuddy' ? 'CodeBuddy Code' : 'Codex')))),
                 sessionId: session && typeof session.sessionId === 'string' ? session.sessionId : '',
                 title: session && typeof session.title === 'string' && session.title
                     ? session.title

package/web-ui/modules/i18n/locales/en.mjs

@@ -645,6 +645,7 @@ const en = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+    'sessions.source.pi': 'Pi',
     'sessions.loadingList': 'Loading sessions...',
     'sessions.empty': 'No sessions found',
     'sessions.unknownTime': 'unknown time',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -647,6 +647,7 @@ const ja = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini',
     'sessions.source.codebuddy': 'CodeBuddy',
+    'sessions.source.pi': 'Pi',
     'sessions.loadingList': 'セッション一覧を読み込み中...',
     'sessions.empty': 'セッションがありません',
     'sessions.unknownTime': '不明な時間',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -850,6 +850,7 @@ const vi = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+    'sessions.source.pi': 'Pi',
     'sessions.loadingList': 'Đang tải phiên làm việc...',
     'sessions.empty': 'Không tìm thấy phiên nào',
     'sessions.unknownTime': 'thời gian không rõ',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -645,6 +645,7 @@ const zhTw = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+    'sessions.source.pi': 'Pi',
     'sessions.loadingList': '會話載入中...',
     'sessions.empty': '暫無可用會話記錄',
     'sessions.unknownTime': '未知時間',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -645,6 +645,7 @@ const zh = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+    'sessions.source.pi': 'Pi',
     'sessions.loadingList': '会话加载中...',
     'sessions.empty': '暂无可用会话记录',
     'sessions.unknownTime': '未知时间',

package/web-ui/partials/index/panel-sessions.html

@@ -220,35 +220,30 @@
                                         </div>
                                     </div>
                                     <div class="session-actions">
-                                        <button class="btn-session-refresh" @click="loadActiveSessionDetail" :disabled="sessionDetailLoading || !activeSession"
+                                        <button class="btn-session-refresh has-label" @click="loadActiveSessionDetail" :disabled="sessionDetailLoading || !activeSession"
                                             :title="sessionDetailLoading ? t('sessions.preview.loading') : t('sessions.preview.refresh')"
                                             :aria-label="sessionDetailLoading ? t('sessions.preview.loading') : t('sessions.preview.refresh')">
                                             <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 8a5.5 5.5 0 0 1 9.4-3.8"/><path d="M13.5 8a5.5 5.5 0 0 1-9.4 3.8"/><polyline points="2.5 2 2.5 5 5.5 5"/><polyline points="13.5 14 13.5 11 10.5 11"/></svg>
+                                            <span class="session-action-label">{{ t('sessions.preview.refresh') }}</span>
                                         </button>
                                         <button
                                             v-if="isDeleteAvailable(activeSession)"
-                                            class="btn-session-delete"
+                                            class="btn-session-delete has-label"
                                             @click="deleteSession(activeSession)"
                                             :disabled="!activeSession || sessionsLoading || sessionDeleting[getSessionExportKey(activeSession)]"
                                             :title="(activeSession && sessionDeleting[getSessionExportKey(activeSession)]) ? (sessionTrashEnabled === false ? t('sessions.preview.deleting') : t('sessions.preview.moving')) : (sessionTrashEnabled === false ? t('sessions.preview.deleteHard') : t('sessions.preview.moveToTrash'))"
                                             :aria-label="(activeSession && sessionDeleting[getSessionExportKey(activeSession)]) ? (sessionTrashEnabled === false ? t('sessions.preview.deleting') : t('sessions.preview.moving')) : (sessionTrashEnabled === false ? t('sessions.preview.deleteHard') : t('sessions.preview.moveToTrash'))">
                                             <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 4 4 4 13 4"/><path d="M5.5 4V2.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V4"/><path d="M12 4v9.5a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 13.5V4"/></svg>
+                                            <span class="session-action-label">{{ (activeSession && sessionDeleting[getSessionExportKey(activeSession)]) ? (sessionTrashEnabled === false ? t('sessions.preview.deleting') : t('sessions.preview.moving')) : (sessionTrashEnabled === false ? t('sessions.preview.deleteHard') : t('sessions.preview.moveToTrash')) }}</span>
                                         </button>
                                         <button
-                                            class="btn-session-export"
+                                            class="btn-session-export has-label"
                                             @click="exportSession(activeSession)"
                                             :disabled="!activeSession || sessionExporting[getSessionExportKey(activeSession)]"
                                             :title="(activeSession && sessionExporting[getSessionExportKey(activeSession)]) ? t('sessions.preview.exporting') : t('sessions.preview.export')"
                                             :aria-label="(activeSession && sessionExporting[getSessionExportKey(activeSession)]) ? t('sessions.preview.exporting') : t('sessions.preview.export')">
                                             <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v8"/><polyline points="4 7 8 10.5 12 7"/><path d="M2.5 12v1.5a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V12"/></svg>
-                                        </button>
-                                        <button
-                                            class="btn-session-open session-brief-copy"
-                                            @click="copySessionWorkspaceBrief"
-                                            :disabled="!activeSessionWorkspaceSummary.available"
-                                            :title="t('sessions.workspace.copy')"
-                                            :aria-label="t('sessions.workspace.copy')">
-                                            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 2.5h6.5L13 5v8.5H4z"/><path d="M10.5 2.5V5H13"/><path d="M6 8h5"/><path d="M6 10.5h5"/></svg>
+                                            <span class="session-action-label">{{ (activeSession && sessionExporting[getSessionExportKey(activeSession)]) ? t('sessions.preview.exporting') : t('sessions.preview.export') }}</span>
                                         </button>
                                         <div class="session-link-group">
                                         <button
@@ -269,12 +264,13 @@
                                         </button>
                                         </div>
                                         <button
-                                            class="btn-session-open"
+                                            class="btn-session-open has-label"
                                             @click="copySessionPath(activeSession)"
                                             :disabled="!activeSession || !getSessionFilePath(activeSession)"
                                             :title="t('sessions.preview.copyPath')"
                                             :aria-label="t('sessions.preview.copyPath')">
                                             <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 5.5V12.5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a1 1 0 0 0-1-1H8L6.5 5H3a1 1 0 0 0-1 1z"/></svg>
+                                            <span class="session-action-label">{{ t('sessions.preview.copyPath') }}</span>
                                         </button>
                                     </div>
                                 </div>

package/web-ui/res/web-ui-render.precompiled.js

@@ -3512,7 +3512,7 @@ return function render(_ctx, _cache) {
                                       ]),
                                       _createElementVNode("div", { class: "session-actions" }, [
                                         _createElementVNode("button", {
-                                          class: "btn-session-refresh",
+                                          class: "btn-session-refresh has-label",
                                           onClick: _ctx.loadActiveSessionDetail,
                                           disabled: _ctx.sessionDetailLoading || !_ctx.activeSession,
                                           title: _ctx.sessionDetailLoading ? _ctx.t('sessions.preview.loading') : _ctx.t('sessions.preview.refresh'),
@@ -3530,12 +3530,13 @@ return function render(_ctx, _cache) {
                                             _createElementVNode("path", { d: "M13.5 8a5.5 5.5 0 0 1-9.4 3.8" }),
                                             _createElementVNode("polyline", { points: "2.5 2 2.5 5 5.5 5" }),
                                             _createElementVNode("polyline", { points: "13.5 14 13.5 11 10.5 11" })
-                                          ]))
+                                          ])),
+                                          _createElementVNode("span", { class: "session-action-label" }, _toDisplayString(_ctx.t('sessions.preview.refresh')), 1 /* TEXT */)
                                         ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]),
                                         (_ctx.isDeleteAvailable(_ctx.activeSession))
                                           ? (_openBlock(), _createElementBlock("button", {
                                               key: 0,
-                                              class: "btn-session-delete",
+                                              class: "btn-session-delete has-label",
                                               onClick: $event => (_ctx.deleteSession(_ctx.activeSession)),
                                               disabled: !_ctx.activeSession || _ctx.sessionsLoading || _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)],
                                               title: (_ctx.activeSession && _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleting') : _ctx.t('sessions.preview.moving')) : (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleteHard') : _ctx.t('sessions.preview.moveToTrash')),
@@ -3552,11 +3553,12 @@ return function render(_ctx, _cache) {
                                                 _createElementVNode("polyline", { points: "3 4 4 4 13 4" }),
                                                 _createElementVNode("path", { d: "M5.5 4V2.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V4" }),
                                                 _createElementVNode("path", { d: "M12 4v9.5a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 13.5V4" })
-                                              ]))
+                                              ])),
+                                              _createElementVNode("span", { class: "session-action-label" }, _toDisplayString((_ctx.activeSession && _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleting') : _ctx.t('sessions.preview.moving')) : (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleteHard') : _ctx.t('sessions.preview.moveToTrash'))), 1 /* TEXT */)
                                             ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]))
                                           : _createCommentVNode("v-if", true),
                                         _createElementVNode("button", {
-                                          class: "btn-session-export",
+                                          class: "btn-session-export has-label",
                                           onClick: $event => (_ctx.exportSession(_ctx.activeSession)),
                                           disabled: !_ctx.activeSession || _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)],
                                           title: (_ctx.activeSession && _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? _ctx.t('sessions.preview.exporting') : _ctx.t('sessions.preview.export'),
@@ -3573,28 +3575,8 @@ return function render(_ctx, _cache) {
                                             _createElementVNode("path", { d: "M8 2v8" }),
                                             _createElementVNode("polyline", { points: "4 7 8 10.5 12 7" }),
                                             _createElementVNode("path", { d: "M2.5 12v1.5a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V12" })
-                                          ]))
-                                        ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]),
-                                        _createElementVNode("button", {
-                                          class: "btn-session-open session-brief-copy",
-                                          onClick: _ctx.copySessionWorkspaceBrief,
-                                          disabled: !_ctx.activeSessionWorkspaceSummary.available,
-                                          title: _ctx.t('sessions.workspace.copy'),
-                                          "aria-label": _ctx.t('sessions.workspace.copy')
-                                        }, [
-                                          (_openBlock(), _createElementBlock("svg", {
-                                            viewBox: "0 0 16 16",
-                                            fill: "none",
-                                            stroke: "currentColor",
-                                            "stroke-width": "1.8",
-                                            "stroke-linecap": "round",
-                                            "stroke-linejoin": "round"
-                                          }, [
-                                            _createElementVNode("path", { d: "M4 2.5h6.5L13 5v8.5H4z" }),
-                                            _createElementVNode("path", { d: "M10.5 2.5V5H13" }),
-                                            _createElementVNode("path", { d: "M6 8h5" }),
-                                            _createElementVNode("path", { d: "M6 10.5h5" })
-                                          ]))
+                                          ])),
+                                          _createElementVNode("span", { class: "session-action-label" }, _toDisplayString((_ctx.activeSession && _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? _ctx.t('sessions.preview.exporting') : _ctx.t('sessions.preview.export')), 1 /* TEXT */)
                                         ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]),
                                         _createElementVNode("div", { class: "session-link-group" }, [
                                           _createElementVNode("button", {
@@ -3638,7 +3620,7 @@ return function render(_ctx, _cache) {
                                           ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"])
                                         ]),
                                         _createElementVNode("button", {
-                                          class: "btn-session-open",
+                                          class: "btn-session-open has-label",
                                           onClick: $event => (_ctx.copySessionPath(_ctx.activeSession)),
                                           disabled: !_ctx.activeSession || !_ctx.getSessionFilePath(_ctx.activeSession),
                                           title: _ctx.t('sessions.preview.copyPath'),
@@ -3653,7 +3635,8 @@ return function render(_ctx, _cache) {
                                             "stroke-linejoin": "round"
                                           }, [
                                             _createElementVNode("path", { d: "M2 5.5V12.5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a1 1 0 0 0-1-1H8L6.5 5H3a1 1 0 0 0-1 1z" })
-                                          ]))
+                                          ])),
+                                          _createElementVNode("span", { class: "session-action-label" }, _toDisplayString(_ctx.t('sessions.preview.copyPath')), 1 /* TEXT */)
                                         ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"])
                                       ])
                                     ], 512 /* NEED_PATCH */),

package/web-ui/styles/responsive.css

@@ -366,6 +366,14 @@ textarea:focus-visible {
         height: 44px;
     }
 
+    .btn-session-export.has-label,
+    .btn-session-open.has-label,
+    .btn-session-refresh.has-label,
+    .btn-session-delete.has-label {
+        width: auto;
+        height: 44px;
+        padding: 0 14px;
+    }
     .session-link-group .btn-session-open {
         width: 44px;
         height: 44px;
@@ -585,6 +593,10 @@ textarea:focus-visible {
         height: 40px;
     }
 
+    .session-actions .session-action-label {
+        display: none;
+    }
+
     .session-preview-body {
         padding: 12px;
     }

package/web-ui/styles/sessions-toolbar-trash.css

@@ -544,12 +544,34 @@
     transform: none;
 }
 
+.btn-session-export.has-label,
+.btn-session-open.has-label,
+.btn-session-clone.has-label,
+.btn-session-refresh.has-label,
+.btn-session-delete.has-label {
+    width: auto;
+    min-width: 32px;
+    height: 32px;
+    padding: 0 var(--spacing-sm);
+    gap: 6px;
+    font-size: var(--font-size-caption);
+    font-weight: var(--font-weight-secondary);
+    line-height: 1;
+    white-space: nowrap;
+}
+
+.session-action-label {
+    font-size: inherit;
+    line-height: 1;
+    letter-spacing: 0.01em;
+    white-space: nowrap;
+}
+
 .btn-icon-sm {
     width: 16px;
     height: 16px;
     flex-shrink: 0;
 }
-
 /* ===== Session match badges ===== */
 .session-match-badge {
     display: inline-flex;