@olares/lares-mobile 0.15.6 → 0.15.9

package/src/mobile/MobileShell.vue

@@ -2,11 +2,20 @@
   <div class="lares-mobile-shell">
     <LaresChatBar
       :t="t"
-      :title="barTitle"
       :starting="state.starting"
+      :model-label="state.modelLabel"
+      :model-busy="state.modelBusy"
+      :effort-label="state.effortLabel"
+      :effort-disabled="state.effortDisabled"
+      :unseen="hasUnseen"
+      :speak="state.voiceSpeak"
+      :speak-busy="state.speakBusy"
       @history="$emit('history')"
-      @create="$emit('create', state.currentWorkspaceId || null)"
+      @model="$emit('open-model')"
+      @effort="$emit('open-model')"
+      @speak="$emit('toggle-speak')"
     />
+    <p v-if="state.speakNotice" class="lares-speak-notice" role="status">{{ state.speakNotice }}</p>
     <LaresHistoryPanel
       :open="state.panel === 'history'"
       :sessions="state.sessions"
@@ -54,12 +63,6 @@
           v-if="newSessionHero"
           key="hero"
           :t="t"
-          :workspace-label="workspaceLabel"
-          :workspace-busy="!state.workspacesReady && !state.workspaceError"
-          :model-label="state.modelLabel"
-          :model-busy="state.modelBusy"
-          @workspace="workspaceSheet = true"
-          @model="$emit('open-model')"
         >
           <LaresComposer
             ref="composer"
@@ -67,10 +70,6 @@
             :draft="state.draft"
             :sending="state.sending"
             :can-send="state.canSend"
-            :model-label="state.modelLabel"
-            :model-busy="state.modelBusy"
-            :effort-label="state.effortLabel"
-            :effort-disabled="state.effortDisabled"
             :attach-pending="state.upload.pending > 0"
             :attach-disabled="!state.sessionId || state.historyLoading || state.starting"
             :voice-phase="state.voicePhase"
@@ -83,15 +82,15 @@
             :references-error="state.referencesError"
             :commands="state.commands"
             :commands-error="state.commandsError"
+            :input-mode="composerMode"
             :t="t"
             @update:draft="$emit('update-draft', $event)"
+            @update:input-mode="composerMode = $event"
             @send="$emit('send')"
-            @model="$emit('open-model')"
-            @effort="$emit('open-effort')"
             @files="$emit('files', $event)"
             @voice="$emit('voice')"
-            @hold-start="$emit('hold-start')"
-            @hold-end="$emit('hold-end')"
+            @hold-start="$emit('hold-start', $event)"
+            @hold-end="$emit('hold-end', $event)"
             @open-commands="$emit('open-commands')"
             @open-references="$emit('open-references', $event)"
             @pick-command="$emit('pick-command', $event)"
@@ -104,6 +103,7 @@
             ref="transcript"
             :items="state.viewItems"
             :running="state.running"
+            :running-since="state.runningSince"
             :loading="state.historyLoading || state.starting"
             :previews="state.previews"
             :media-url="mediaUrl"
@@ -111,6 +111,7 @@
             :remember-scroll="rememberScroll"
             :sticking="sticking"
             :session-id="state.sessionId"
+            popup
             :question="state.question"
             :question-busy="state.questionBusy"
             :t="t"
@@ -118,15 +119,18 @@
             @media="pinLog"
             @answer="forwardAnswer"
           />
+          <LaresDesktopQueue
+            :items="state.queue"
+            :running="state.running"
+            :busy="state.queueBusy"
+            :t="t"
+            @action="(itemId, action) => $emit('queue-action', itemId, action)"
+          />
           <LaresComposer
             ref="composer"
             :draft="state.draft"
             :sending="state.sending"
             :can-send="state.canSend"
-            :model-label="state.modelLabel"
-            :model-busy="state.modelBusy"
-            :effort-label="state.effortLabel"
-            :effort-disabled="state.effortDisabled"
             :attach-pending="state.upload.pending > 0"
             :attach-disabled="!state.sessionId || state.historyLoading || state.starting"
             :voice-phase="state.voicePhase"
@@ -139,15 +143,15 @@
             :references-error="state.referencesError"
             :commands="state.commands"
             :commands-error="state.commandsError"
+            :input-mode="composerMode"
             :t="t"
             @update:draft="$emit('update-draft', $event)"
+            @update:input-mode="composerMode = $event"
             @send="$emit('send')"
-            @model="$emit('open-model')"
-            @effort="$emit('open-effort')"
             @files="$emit('files', $event)"
             @voice="$emit('voice')"
-            @hold-start="$emit('hold-start')"
-            @hold-end="$emit('hold-end')"
+            @hold-start="$emit('hold-start', $event)"
+            @hold-end="$emit('hold-end', $event)"
             @open-commands="$emit('open-commands')"
             @open-references="$emit('open-references', $event)"
             @pick-command="$emit('pick-command', $event)"
@@ -157,18 +161,6 @@
       </Transition>
     </div>
 
-    <LaresSheet :open="workspaceSheet" :title="t('desktop.workspaces')" @close="workspaceSheet = false">
-      <p v-if="state.workspaceError" class="lares-shell__status">{{ state.workspaceError }}</p>
-      <p v-else-if="!state.workspacesReady" class="lares-shell__hint">{{ t("agent.loading") }}</p>
-      <p v-else-if="!state.workspaces.length" class="lares-shell__hint">{{ t("desktop.noFolders") }}</p>
-      <LaresSettingRow
-        v-for="workspace in state.workspaces"
-        :key="workspace.workspaceId"
-        :label="workspace.title"
-        :checked="workspace.workspaceId === state.currentWorkspaceId"
-        @click="pickWorkspace(workspace.workspaceId)"
-      />
-    </LaresSheet>
     <LaresSheet :open="state.modelSheet" :title="t('model.menuAria')" @close="$emit('close-model')">
       <p v-if="state.modelError" class="lares-shell__status">{{ state.modelError }}</p>
       <p v-else-if="!state.models" class="lares-shell__hint">{{ t("agent.loading") }}</p>
@@ -184,17 +176,17 @@
           @click="$emit('choose-model', item)"
         />
       </template>
-    </LaresSheet>
-    <LaresSheet :open="state.effortSheet" :title="t('reasoning.title')" @close="$emit('close-effort')">
-      <p v-if="!state.effortRows.length" class="lares-shell__hint">{{ t("reasoning.default") }}</p>
-      <LaresSettingRow
-        v-for="row in state.effortRows"
-        :key="row.key"
-        :label="effortName(row)"
-        :checked="row.id === state.effortId"
-        :disabled="state.modelBusy"
-        @click="$emit('choose-effort', row.id)"
-      />
+      <template v-if="state.effortRows.length">
+        <p class="lares-shell__heading">{{ t("reasoning.title") }}</p>
+        <LaresSettingRow
+          v-for="row in state.effortRows"
+          :key="row.key"
+          :label="effortName(row)"
+          :checked="row.id === state.effortId"
+          :disabled="state.modelBusy"
+          @click="$emit('choose-effort', row.id)"
+        />
+      </template>
     </LaresSheet>
     <Transition name="lares-preview">
       <LaresPreview
@@ -206,6 +198,7 @@
         :error="state.preview.error"
         :media-src="state.previewMediaSrc"
         :download-href="state.previewDownloadHref"
+        :files-href="state.previewFilesHref"
         :href-for="previewHref"
         :t="t"
         @close="$emit('close-preview')"
@@ -221,12 +214,12 @@ import LaresChatBar from "../chat/ChatBar.vue";
 import LaresHistoryPanel from "../chat/HistoryPanel.vue";
 import LaresTranscript from "../chat/Transcript.vue";
 import LaresComposer from "../chat/Composer.vue";
+import LaresDesktopQueue from "../desktop/DesktopQueue.vue";
 import LaresPreview from "../preview/Preview.vue";
 import LaresSheet from "../settings/Sheet.vue";
 import LaresSettingRow from "../settings/SettingRow.vue";
 import LaresMobileDirectorySheet from "./MobileDirectorySheet.vue";
 import LaresMobileNewSession from "./MobileNewSession.vue";
-import { DEFAULT_WORKSPACE_TITLE } from "@olares/lares-core/workspace/constants";
 
 export default {
   name: "LaresMobileShell",
@@ -235,6 +228,7 @@ export default {
     LaresHistoryPanel,
     LaresTranscript,
     LaresComposer,
+    LaresDesktopQueue,
     LaresPreview,
     LaresSheet,
     LaresSettingRow,
@@ -253,18 +247,18 @@ export default {
     effortName: { type: Function, required: true },
   },
   emits: [
-    "history", "create", "close-history", "pick-session", "retry", "open-file",
-    "answer", "update-draft", "send", "open-model", "open-effort", "files",
+    "history", "create", "toggle-speak", "close-history", "pick-session", "retry", "open-file",
+    "answer", "update-draft", "send", "queue-action", "open-model", "open-effort", "files",
     "voice", "hold-start", "hold-end", "close-model", "choose-model",
     "close-effort", "choose-effort", "close-preview",
     "open-commands", "open-references", "pick-command", "remove-image",
     "refresh-workspaces", "browse-workspaces", "browse-directory",
     "close-directory", "choose-directory", "create-folder", "toggle-hidden",
     "rename-session", "archive-session",
-    "move-session", "pick-workspace",
+    "move-session",
   ],
   data() {
-    return { workspaceSheet: false };
+    return { composerMode: "text" };
   },
   computed: {
     newSessionHero() {
@@ -276,25 +270,12 @@ export default {
         && !this.state.starting
       );
     },
-    barTitle() {
-      return this.newSessionHero ? this.t("desktop.newSession") : this.state.sessionTitle;
-    },
-    workspaceLabel() {
-      if (!this.state.workspacesReady) return this.t("agent.loading");
-      const current = this.state.workspaces.find(
-        (row) => row.workspaceId === this.state.currentWorkspaceId,
-      );
-      if (current?.title) return current.title;
-      if (this.state.workspaces[0]?.title) return this.state.workspaces[0].title;
-      return DEFAULT_WORKSPACE_TITLE;
+    hasUnseen() {
+      const unseen = this.state.unseen;
+      return Boolean(unseen && Object.keys(unseen).length);
     },
   },
   methods: {
-    pickWorkspace(workspaceId) {
-      this.workspaceSheet = false;
-      if (!workspaceId || workspaceId === this.state.currentWorkspaceId) return;
-      this.$emit("pick-workspace", workspaceId);
-    },
     forwardAnswer(label, row) {
       this.$emit("answer", label, row);
     },
@@ -324,7 +305,7 @@ export default {
 }
 
 .lares-shell__conversation[data-hero="true"] {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 .lares-shell__chat {
@@ -346,6 +327,13 @@ export default {
   color: var(--q-orange-default);
 }
 
+.lares-speak-notice {
+  margin: 0 16px 8px;
+  color: var(--q-orange-default);
+  font-size: 14px;
+  line-height: 20px;
+}
+
 .lares-shell__retry {
   align-self: flex-start;
   margin: 0 20px;

package/src/preview/Preview.vue

@@ -13,14 +13,21 @@
           </svg>
         </button>
         <h1 class="lares-preview__name" :title="path">{{ name }}</h1>
-        <a
-          v-if="downloadHref"
-          class="lares-preview__download"
-          :href="downloadHref"
-          download
-        >
-          {{ t("download") }}
-        </a>
+        <div v-if="filesHref || downloadHref" class="lares-preview__actions">
+          <a
+            v-if="filesHref"
+            class="lares-preview__action"
+            :href="filesHref"
+            target="_blank"
+            rel="noopener noreferrer"
+          >{{ t("openInFiles") }}</a>
+          <a
+            v-if="downloadHref"
+            class="lares-preview__action"
+            :href="downloadHref"
+            download
+          >{{ t("download") }}</a>
+        </div>
         <span v-else class="lares-preview__side-spacer" aria-hidden="true" />
       </header>
       <LaresPreviewBody
@@ -54,6 +61,7 @@ export default {
     error: { type: String, default: "" },
     mediaSrc: { type: String, default: "" },
     downloadHref: { type: String, default: "" },
+    filesHref: { type: String, default: "" },
     hrefFor: { type: Function, default: null },
     t: { type: Function, required: true },
   },
@@ -83,10 +91,11 @@ export default {
 
 .lares-preview__bar {
   position: relative;
-  display: flex;
+  display: grid;
+  grid-template-columns: 40px minmax(0, 1fr) auto;
+  column-gap: 8px;
   flex-shrink: 0;
   align-items: center;
-  justify-content: space-between;
   min-height: 56px;
   padding: 6px 8px;
 }
@@ -124,9 +133,8 @@ export default {
 }
 
 .lares-preview__name {
-  position: absolute;
-  left: 50%;
-  max-width: calc(100% - 152px);
+  min-width: 0;
+  max-width: 100%;
   margin: 0;
   overflow: hidden;
   font-size: 18px;
@@ -135,11 +143,17 @@ export default {
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
-  transform: translateX(-50%);
   pointer-events: none;
 }
 
-.lares-preview__download {
+.lares-preview__actions {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 6px;
+}
+
+.lares-preview__action {
   display: inline-flex;
   min-width: 40px;
   height: 32px;
@@ -158,7 +172,7 @@ export default {
   text-decoration: none;
 }
 
-.lares-preview__download:active {
+.lares-preview__action:active {
   background: var(--q-btn-bg-pressed);
 }
 </style>

package/src/preview/PreviewBody.vue

@@ -154,22 +154,25 @@ export default {
 
 .lares-preview-body__media {
   display: grid;
+  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
   min-width: 0;
   min-height: 0;
   flex: 1;
   place-items: center;
-  overflow: auto;
+  overflow: hidden;
   padding: 16px 20px;
 }
 
 .lares-preview-body__media img,
 .lares-preview-body__media video {
+  display: block;
   min-width: 0;
   min-height: 0;
   max-width: 100%;
   max-height: 100%;
   border-radius: 10px;
   object-fit: contain;
+  object-position: center;
 }
 
 .lares-preview-body__media audio {

package/src/settings/AgentSettings.vue

@@ -72,7 +72,6 @@
         :value="searchMenuId"
         :sections="searchSelectSections"
         :disabled="busy || !search"
-        :empty="tSearch('settings.default.empty')"
         @select="(item) => pick(item, 'search')"
       />
       <div v-else class="lares-agent__list">
@@ -153,6 +152,7 @@ export default {
     proxyPrefix: { type: String, default: undefined },
     request: { type: Function, default: undefined },
     env: { type: Object, default: undefined },
+    missing: { type: Boolean, default: false },
   },
   data() {
     const remembered = rememberedSettings();
@@ -186,6 +186,7 @@ export default {
         proxyPrefix: this.proxyPrefix,
         request: this.request,
         env: this.env,
+        missing: this.missing,
       };
     },
     hostKey() {
@@ -217,8 +218,8 @@ export default {
     },
     searchItems() {
       return searchSelectorItems(this.searchModels, {
-        none: this.tSearch("settings.default.none"),
-        empty: this.tSearch("settings.default.empty"),
+        routerDefault: this.tSearch("settings.default.router"),
+        off: this.tSearch("settings.default.off"),
       });
     },
     modelLabel() {
@@ -239,7 +240,7 @@ export default {
       return itemLabel(this.voiceLanguages, voiceMenuValue(this.voice.config?.language));
     },
     searchMenuId() {
-      return searchMenuValue(this.search?.defaultSearchModel);
+      return searchMenuValue(this.search);
     },
     searchLabel() {
       if (!this.search) return "—";
@@ -291,7 +292,6 @@ export default {
       const count = this.sheetSections.reduce((sum, section) => sum + section.items.length, 0);
       if (count > 0) return "";
       if (this.panel === "model") return this.tModel("settings.empty");
-      if (this.panel === "search") return this.tSearch("settings.default.empty");
       return "";
     },
   },
@@ -312,6 +312,15 @@ export default {
   },
   mounted() {
     this.load(false);
+    // LarePass has no catalog-revision stream, so returning to the panel is
+    // the only moment a Router change can still be picked up.
+    this.onVisible = () => {
+      if (document.visibilityState === "visible" && !this.busy) this.load(true);
+    };
+    document.addEventListener("visibilitychange", this.onVisible);
+  },
+  beforeUnmount() {
+    if (this.onVisible) document.removeEventListener("visibilitychange", this.onVisible);
   },
   methods: {
     tModel(key, params) {
@@ -350,7 +359,7 @@ export default {
       if (panel === "model") return this.modelCurrent;
       if (panel === "voiceModel") return voiceMenuValue(this.voice?.config?.model);
       if (panel === "voiceLang") return voiceMenuValue(this.voice?.config?.language);
-      if (panel === "search") return searchMenuValue(this.search?.defaultSearchModel);
+      if (panel === "search") return searchMenuValue(this.search);
       return "";
     },
     reload() {
@@ -418,11 +427,10 @@ export default {
     },
     async chooseSearch(rawId) {
       if (!this.search || this.busy) return;
-      const id = searchValueFromMenu(rawId);
       this.pending = "search";
       this.searchError = "";
       try {
-        this.search = await this.settings.setSearchDefault(id);
+        this.search = await this.settings.setSearchDefault(searchValueFromMenu(rawId));
       } catch (err) {
         this.searchError = this.failText(this.tSearch, "settings.saveFailed", err);
       } finally {

package/src/settings/Sheet.vue

@@ -41,10 +41,14 @@ export default {
   inset: 0;
   z-index: 40;
   pointer-events: none;
+  visibility: hidden;
+  transition: visibility 0s linear var(--lares-duration-sheet, 280ms);
 }
 
 .lares-sheet[data-open="true"] {
   pointer-events: auto;
+  visibility: visible;
+  transition: visibility 0s linear 0s;
 }
 
 .lares-sheet__backdrop {