dsh-composer-plus 1.7.0 → 1.7.1

package/README.md

@@ -25,14 +25,14 @@ dsh plugin --profile web add dsh-composer-plus
 
 Then restart dsh. (The CLI can't install into the desktop profile; the app manages it.)
 
-> dsh's pnpm skips versions younger than 24 hours. Right after a release, add the version: `dsh-composer-plus@1.7.0`.
+> dsh's pnpm skips versions younger than 24 hours. Right after a release, add the version: `dsh-composer-plus@1.7.1`.
 
 ## Features
 
 | Feature | How to use it | Screenshot |
 |---|---|---|
 | **Changes panel** | Right sidebar → `+` → **Changes**. Pick **Uncommitted**, **Unstaged**, **Staged** or **Branch** to see changed files with `+/-` counts; click a file for its diff. **Last Turn** opens dsh's own review of the latest turn. | <a href="assets/features/changesPanel.webp"><img src="assets/features/changesPanel.webp" width="160" alt="Changes panel screenshot"></a> |
-| **Feature ideas** | Right sidebar → `+` → **Feature ideas** → **Suggest features**. The chat's own model reads a short summary of the chat's project (top-level files, the README and manifest heads, the last 15 commits) and suggests up to 8 features, shown as a stack of cards. Swipe a card right (or click **✓**, or press `→`) to start a new chat in the same project: it starts in plan mode with the idea as the request, so nothing changes before you approve the plan. Swipe left (or **✕**, or `←`) to skip; **Undo** (or `Z`) brings a skipped card back. **More ideas** adds cards. The model runs only when you click. | <a href="assets/features/featureIdeas.webp"><img src="assets/features/featureIdeas.webp" width="160" alt="Feature ideas screenshot"></a> |
+| **Feature ideas** | Right sidebar → `+` → **Feature ideas** → **Suggest features**. The chat's own model reads a short summary of the chat's project (top-level files, the README and manifest heads, the last 15 commits) and suggests up to 8 features, shown as a stack of cards in dsh's UI language. Swipe a card right (or click **✓**, or press `→`; the card flies off to its side in each case) to start a new chat in the same project: it starts in plan mode with the idea as the request, so nothing changes before you approve the plan. Swipe left (or **✕**, or `←`) to skip; **Undo** (or `Z`) brings a skipped card back. **More ideas** adds cards. The model runs only when you click. | <a href="assets/features/featureIdeas.webp"><img src="assets/features/featureIdeas.webp" width="160" alt="Feature ideas screenshot"></a> |
 | **Input history** | In an empty composer, press `↑` / `↓` to walk through messages you sent, like a terminal. | <a href="assets/features/inputHistory.webp"><img src="assets/features/inputHistory.webp" width="160" alt="Input history screenshot"></a> |
 | **Plan mode shortcut** | `Shift+Tab` adds `/plan ` to the start of the draft (press again to remove it). If the chat is already in plan mode, `Shift+Tab` leaves it. | <a href="assets/features/planToggle.webp"><img src="assets/features/planToggle.webp" width="160" alt="Plan mode shortcut screenshot"></a> |
 | **Keep composer focus** | After you send a `/` command or skill, the cursor stays in the composer, and you can type again at once. This also works for keyboard macros that type a command and press `Enter`. dsh makes the composer read-only while it resolves the command, and the browser then removes the focus. This feature puts the focus back, unless a menu, a dialog or another field has it. | <a href="assets/features/keepFocus.webp"><img src="assets/features/keepFocus.webp" width="160" alt="Keep composer focus screenshot"></a> |
@@ -109,12 +109,12 @@ Tested on dsh `0.2.0-rc.2` (desktop and web) and `0.2.1-rc.2` (web). CI runs the
 - **Mobile connect says the gateway is not running:** "no IPv4 address on en0" means this Mac has no Wi-Fi/Ethernet address; "EADDRINUSE" means another dsh (or app) uses port 19390 or 19391. Only one dsh can run Mobile connect at a time.
 - **Mobile connect or Resume after restart says "Restart dsh":** the plugin was updated while dsh was running; the new Host half loads after a restart.
 - **A chat did not continue after a restart:** Resume after restart was off when dsh quit, you stopped that turn yourself, the turn had ended (done or failed), the chat was archived, or more than 20 chats were running (the newest 20 continue).
-- **Install fails right after a release:** add the version (`dsh-composer-plus@1.7.0`), see the install note above.
+- **Install fails right after a release:** add the version (`dsh-composer-plus@1.7.1`), see the install note above.
 
 ## Limits
 
 - Message-free Continue relies on dsh’s `agent/pre-step` → `agent/request` lifecycle. Recheck compatibility when upgrading dsh.
-- **Feature ideas** keeps the cards in memory for each chat until dsh or the page reloads; then **Suggest features** asks the model again. The model sees only the short project summary, not the code, so an idea can repeat something the project already has: skip it. The new chat runs in plan mode only when the profile has dsh's `/plan` command; otherwise the idea goes as an ordinary first message.
+- **Feature ideas** keeps the cards in memory for each chat until dsh or the page reloads; then **Suggest features** asks the model again. The cards come in the UI language that dsh has when you click; after you change the language, cards already on the stack keep theirs and **More ideas** uses the new one. The model sees only the short project summary, not the code, so an idea can repeat something the project already has: skip it. The new chat runs in plan mode only when the profile has dsh's `/plan` command; otherwise the idea goes as an ordinary first message.
 - **Resume after restart** continues the turn; it does not replay it. A tool call that was running at the quit ends with dsh's “outcome unknown” result, and the model is told not to repeat finished work, but a command that is not safe to run twice can run again. Subagents, approvals and questions that were open are not restored: their parent chat continues and asks again. At most 20 chats continue at one start.
 
 - dsh's queue has no `move` action, so a reorder rewrites the affected rows' text. If the agent picks up a row mid-move, the move is undone and nothing is lost. Messages with images or files can't be moved.

package/client.js

@@ -1303,11 +1303,13 @@ body:has(${OPEN_PROJECT}) [${COLLAPSE_HOST}] { display: inline-flex; }
     const deckChanged = (deck, patch) => { Object.assign(deck, patch); for (const fn of [...deck.listeners]) fn(); };
     /** One network action per deck: while ideas load or a chat starts, other loads and swipes wait. */
     const deckBusy = (deck) => deck.status === 'loading' || deck.status === 'starting';
-    async function suggestIdeas(deck, sessionId) {
+    /** `locale` is dsh's UI language at the click: the model writes the cards in it (ponytail: cards already on the deck keep
+     * their language when the UI language changes; the next load uses the new one). */
+    async function suggestIdeas(deck, sessionId, locale) {
       if (deckBusy(deck)) return;
       deckChanged(deck, { status: 'loading', error: undefined });
       try {
-        const response = await fetch(IDEAS_ROUTE, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ sessionId }) });
+        const response = await fetch(IDEAS_ROUTE, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ sessionId, ...(locale ? { locale } : {}) }) });
         const data = await response.json().catch(() => ({}));
         if (response.status === 404) throw new Error('restart');
         if (!response.ok) throw new Error(data?.error ?? `HTTP ${response.status}`);
@@ -1359,7 +1361,8 @@ body:has(${OPEN_PROJECT}) [${COLLAPSE_HOST}] { display: inline-flex; }
 .cpi-list{padding:4px 12px 16px}
 .cpi-list h3{font-size:12px;font-weight:500;color:var(--dsw-alias-label-secondary);margin:8px 0}
 .cpi-list button{display:block;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.cpi-list button:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}`;
+.cpi-list button:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
+@media (prefers-reduced-motion:reduce){.cpi-card{transition:none!important}}`;
     function IdeaCard({ card, top, depth, drag, t }) {
       const dx = top ? drag.dx : 0;
       const style = top
@@ -1374,15 +1377,24 @@ body:has(${OPEN_PROJECT}) [${COLLAPSE_HOST}] { display: inline-flex; }
         card.why ? React.createElement('div', { className: 'cpi-why' }, card.why) : null,
         card.effort ? React.createElement('span', { className: 'cpi-effort' }, t(`ideas.effort.${card.effort}`)) : null);
     }
-    function IdeasTab({ sessionId, t, openSession }) {
+    function IdeasTab({ sessionId, t, openSession, uiLocale }) {
       const deck = ideaDeck(sessionId);
       const [, setVersion] = React.useState(0);
       React.useEffect(() => { const fn = () => setVersion((n) => n + 1); deck.listeners.add(fn); return () => { deck.listeners.delete(fn); }; }, [deck]);
       const [drag, setDrag] = React.useState({ dx: 0, dy: 0, active: false });
       const stackRef = React.useRef(null);
       const decide = (direction) => { setDrag({ dx: 0, dy: 0, active: false }); decideIdea(deck, sessionId, direction, openSession); };
+      // A drag release, ✕/✓ and ←/→ all fly the top card off to its side first, then decide; one card at a time.
+      const flying = React.useRef(false);
+      const fling = (direction) => {
+        if (flying.current || deckBusy(deck) || deck.cards.length === 0) return;
+        flying.current = true;
+        const width = stackRef.current?.getBoundingClientRect().width ?? 300;
+        setDrag({ dx: (direction === 'right' ? 1 : -1) * width * 1.5, dy: 0, active: false });
+        setTimeout(() => { flying.current = false; decide(direction); }, 180);
+      };
       const start = (event) => {
-        if (event.button !== 0 || deckBusy(deck)) return;
+        if (event.button !== 0 || deckBusy(deck) || flying.current) return;
         const card = event.currentTarget;
         card.setPointerCapture?.(event.pointerId);
         const x0 = event.clientX; const y0 = event.clientY;
@@ -1397,19 +1409,19 @@ body:has(${OPEN_PROJECT}) [${COLLAPSE_HOST}] { display: inline-flex; }
           const width = stackRef.current?.getBoundingClientRect().width ?? 300;
           const direction = e.type === 'pointercancel' ? null : swipeDecision(e.clientX - x0, width, speed);
           if (direction === null) setDrag({ dx: 0, dy: 0, active: false });
-          else { setDrag({ dx: (direction === 'right' ? 1 : -1) * width * 1.5, dy: 0, active: false }); setTimeout(() => decide(direction), 180); }
+          else fling(direction);
         };
         card.addEventListener('pointermove', move); card.addEventListener('pointerup', end); card.addEventListener('pointercancel', end);
       };
       const onKeyDown = (event) => {
         if (event.altKey || event.ctrlKey || event.metaKey || event.target.closest?.('input, textarea, [contenteditable="true"]')) return;
-        if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') { event.preventDefault(); if (deck.cards.length > 0) decide(event.key === 'ArrowRight' ? 'right' : 'left'); }
+        if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') { event.preventDefault(); fling(event.key === 'ArrowRight' ? 'right' : 'left'); }
         else if ((event.key === 'z' || event.key === 'Backspace') && deck.history.length > 0) { event.preventDefault(); undoIdea(deck); }
       };
       const busy = deckBusy(deck);
       const errorText = deck.error === undefined ? null : deck.error === 'restart' ? t('ideas.restart') : t('ideas.failed', { error: deck.error });
       const suggest = React.createElement('button', { type: 'button', className: `cpi-btn${deck.cards.length === 0 ? ' cpi-primary' : ''}`, disabled: busy,
-        onClick: () => suggestIdeas(deck, sessionId) }, deck.status === 'loading' ? t('ideas.loading') : deck.cards.length === 0 ? t('ideas.suggest') : t('ideas.more'));
+        onClick: () => suggestIdeas(deck, sessionId, uiLocale?.()) }, deck.status === 'loading' ? t('ideas.loading') : deck.cards.length === 0 ? t('ideas.suggest') : t('ideas.more'));
       const head = React.createElement('div', { className: 'cpi-head' },
         React.createElement('span', { className: 'cpi-grow', style: { color: 'var(--dsw-alias-label-secondary)' } }, deck.cards.length > 0 ? t('ideas.left', { count: String(deck.cards.length) }) : ''),
         deck.history.length > 0 ? React.createElement('button', { type: 'button', className: 'cpi-btn', onClick: () => undoIdea(deck), title: t('ideas.undoHint') }, t('ideas.undo')) : null,
@@ -1424,8 +1436,8 @@ body:has(${OPEN_PROJECT}) [${COLLAPSE_HOST}] { display: inline-flex; }
           React.createElement('div', { className: 'cpi-stack', ref: stackRef },
             ...visible.map((card, depth) => React.createElement(IdeaCard, { key: card.id, card, top: depth === 0, depth, drag: { ...drag, start }, t })).reverse()),
           React.createElement('div', { className: 'cpi-actions' },
-            React.createElement('button', { type: 'button', className: 'cpi-btn cpi-round', 'data-side': 'left', disabled: busy, 'aria-label': t('ideas.skip'), title: t('ideas.skipHint'), onClick: () => decide('left') }, '✕'),
-            React.createElement('button', { type: 'button', className: 'cpi-btn cpi-round', 'data-side': 'right', disabled: busy, 'aria-label': t('ideas.build'), title: t('ideas.buildHint'), onClick: () => decide('right') }, '✓')),
+            React.createElement('button', { type: 'button', className: 'cpi-btn cpi-round', 'data-side': 'left', disabled: busy, 'aria-label': t('ideas.skip'), title: t('ideas.skipHint'), onClick: () => fling('left') }, '✕'),
+            React.createElement('button', { type: 'button', className: 'cpi-btn cpi-round', 'data-side': 'right', disabled: busy, 'aria-label': t('ideas.build'), title: t('ideas.buildHint'), onClick: () => fling('right') }, '✓')),
           React.createElement('div', { className: 'cpi-note' }, deck.status === 'starting' ? t('ideas.starting') : t('ideas.hint')));
       return React.createElement('section', { className: 'cpi-root', 'data-composer-plus-ideas': '', tabIndex: -1, onKeyDown, 'aria-busy': busy },
         React.createElement('style', null, IDEAS_CSS), head,
@@ -2153,7 +2165,7 @@ body:has(${OPEN_PROJECT}) [${COLLAPSE_HOST}] { display: inline-flex; }
             name: 'sidebar.right.pane.tab',
             key: IDEAS_ID,
             locale: LOCALE_NS,
-            inject: () => ({ openSession: (sessionId) => scope.uiWorkspace.openSession(sessionId) }),
+            inject: () => ({ openSession: (sessionId) => scope.uiWorkspace.openSession(sessionId), uiLocale: () => ctx.locale.getLocale?.().active }),
           }, IdeasTab)), 'dsh-composer-plus: ideas tab body');
           scope.effect(() => ctx.slots.inject('sidebar.right.pane.tab.title', () => ctx.slots.register({
             name: 'sidebar.right.pane.tab.title',

package/index.js

@@ -435,8 +435,16 @@ Answer with one JSON array only, with no other text. Each element is an object w
 - "title": the feature name, at most 8 words.
 - "summary": what the feature does, 1 or 2 sentences.
 - "why": the benefit for the users, 1 sentence.
-- "effort": one of "small", "medium", "large".
-Write the text values in the language of the project brief.`;
+- "effort": one of "small", "medium", "large". Always write this value in English.`;
+/** A locale id such as "tr" or "pt-BR"; anything else is ignored, so the prompt never takes free text from the browser. */
+const LOCALE_ID = /^[a-z]{2,3}(-[a-z0-9]{2,8}){0,3}$/i;
+/** The language line of the idea prompt: the user's UI language when the client sends one, else the brief's language. */
+export function ideasLanguage(locale) {
+  if (typeof locale !== 'string' || !LOCALE_ID.test(locale)) return 'Write "title", "summary" and "why" in the language of the project brief.';
+  let name;
+  try { name = new Intl.DisplayNames(['en'], { type: 'language' }).of(locale); } catch { name = undefined; }
+  return `Write "title", "summary" and "why" in ${name && name !== locale ? `${name} (${locale})` : locale}, also when the project brief uses another language.`;
+}
 
 const clip = (value, max) => (typeof value === 'string' ? value.replace(/\s+/g, ' ').trim().slice(0, max) : '');
 /** Ideas from the model's answer: the first JSON array in it (a code fence is fine), each idea cleaned and bounded. Throws
@@ -470,8 +478,9 @@ function ideasRoute(events, defaultModel) {
   return undefined;
 }
 
-/** One model call for feature ideas about the chat's project. Read-only: no chat message, nothing written to the project. */
-export async function suggestIdeas({ llm, sessionQuery, subprocess, defaultModel }, sessionId, signal) {
+/** One model call for feature ideas about the chat's project, written in `locale` (the dsh UI language) when given.
+ * Read-only: no chat message, nothing written to the project. */
+export async function suggestIdeas({ llm, sessionQuery, subprocess, defaultModel }, sessionId, signal, locale) {
   const observation = await sessionQuery.observeSession(sessionId, { signal, projectionMode: 'none' });
   let cwd, route;
   try { cwd = observation.header?.cwd; route = ideasRoute(observation.events ?? [], defaultModel); } finally { observation[Symbol.dispose]?.(); }
@@ -489,7 +498,7 @@ export async function suggestIdeas({ llm, sessionQuery, subprocess, defaultModel
   });
   let text = '';
   let finish;
-  for await (const chunk of call.stream({ ...call.config, system: IDEAS_SYSTEM, signal: callSignal,
+  for await (const chunk of call.stream({ ...call.config, system: `${IDEAS_SYSTEM}\n${ideasLanguage(locale)}`, signal: callSignal,
     messages: [{ role: 'user', content: [{ type: 'text', text: `Project folder name: ${cwd.split(/[\\/]/).filter(Boolean).at(-1) ?? ''}\n\n${brief}` }] }] })) {
     if (chunk.type === 'text-delta') text += chunk.text;
     else if (chunk.type === 'finish') finish = chunk.reason;
@@ -681,7 +690,7 @@ export function apply(ctx) {
   installIdeas(ctx);
 }
 
-/** Feature ideas: `POST {sessionId}` asks the chat's model for ideas; `POST {sessionId, idea}` starts a chat for one idea.
+/** Feature ideas: `POST {sessionId, locale?}` asks the chat's model for ideas; `POST {sessionId, idea}` starts a chat for one idea.
  * Both act only on the chat's own project folder; the browser never sends a path. */
 function installIdeas(ctx) {
   const get = (name) => { try { return ctx.get?.(name); } catch { return undefined; } };
@@ -703,7 +712,7 @@ function installIdeas(ctx) {
       const llm = get('llm');
       if (llm === undefined) return json({ error: 'this dsh profile cannot call a model' }, 409);
       try {
-        return json(await suggestIdeas({ llm, sessionQuery: ctx.sessionQuery, subprocess: ctx.subprocess, defaultModel: get('agentDefaultModel') }, body.sessionId, request.signal));
+        return json(await suggestIdeas({ llm, sessionQuery: ctx.sessionQuery, subprocess: ctx.subprocess, defaultModel: get('agentDefaultModel') }, body.sessionId, request.signal, body.locale));
       } catch (error) { return json({ error: String(error?.message ?? error) }, status(error)); }
     },
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-composer-plus",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "DeepSeek Harness helpers: 11 extra UI languages (Türkçe, Español, Français, Deutsch, 日本語…), Changes panel, swipe-card feature ideas, input history, Shift+Tab /plan, one-click Continue, resume running chats after a restart, queue drag-and-drop, deeplinks, Auto Review allow-for-chat, notifications, iPhone access with the Tether app, automatic updates",
   "icon": "./assets/icon.svg",
   "license": "MIT",