@dickpy/dsh-imagegen 1.2.3 → 1.4.0

package/src/client/controller.ts

@@ -1,46 +1,46 @@
-/**
- * Image-gen panel controller: the single owner of the panel's open/closed
- * state. Framework-free so the DOM mounts and the React panel share one tiny
- * subscription surface. The state lives only for the browser session.
- */
-
-/** Immutable controller snapshot for UI subscriptions. */
-export interface ImageGenControllerSnapshot {
-  panelOpen: boolean
-}
-
-/** The panel state owner the sidebar entry toggles and the view renders from. */
-export class ImageGenController {
-  private panelOpen = false
-  private listeners = new Set<() => void>()
-
-  getSnapshot(): ImageGenControllerSnapshot {
-    return { panelOpen: this.panelOpen }
-  }
-
-  subscribe(fn: () => void): () => void {
-    this.listeners.add(fn)
-    return () => { this.listeners.delete(fn) }
-  }
-
-  open(): void {
-    if (this.panelOpen) return
-    this.panelOpen = true
-    this.notify()
-  }
-
-  close(): void {
-    if (!this.panelOpen) return
-    this.panelOpen = false
-    this.notify()
-  }
-
-  toggle(): void {
-    if (this.panelOpen) this.close()
-    else this.open()
-  }
-
-  private notify(): void {
-    for (const fn of [...this.listeners]) fn()
-  }
-}
+/**
+ * Image-gen panel controller: the single owner of the panel's open/closed
+ * state. Framework-free so the DOM mounts and the React panel share one tiny
+ * subscription surface. The state lives only for the browser session.
+ */
+
+/** Immutable controller snapshot for UI subscriptions. */
+export interface ImageGenControllerSnapshot {
+  panelOpen: boolean
+}
+
+/** The panel state owner the sidebar entry toggles and the view renders from. */
+export class ImageGenController {
+  private panelOpen = false
+  private listeners = new Set<() => void>()
+
+  getSnapshot(): ImageGenControllerSnapshot {
+    return { panelOpen: this.panelOpen }
+  }
+
+  subscribe(fn: () => void): () => void {
+    this.listeners.add(fn)
+    return () => { this.listeners.delete(fn) }
+  }
+
+  open(): void {
+    if (this.panelOpen) return
+    this.panelOpen = true
+    this.notify()
+  }
+
+  close(): void {
+    if (!this.panelOpen) return
+    this.panelOpen = false
+    this.notify()
+  }
+
+  toggle(): void {
+    if (this.panelOpen) this.close()
+    else this.open()
+  }
+
+  private notify(): void {
+    for (const fn of [...this.listeners]) fn()
+  }
+}

package/src/client/conversation-sync.ts

@@ -0,0 +1,14 @@
+import type { ImageAttachmentRef } from '@deepseek-ai/dsh-attachment'
+import type { ConversationController, IConversation } from '@deepseek-ai/dsh-client-ui-conversation/client'
+import type { SessionId } from '@deepseek-ai/dsh-client-runtime/client'
+
+/** Document event used to bridge chat tool results into the image workspace. */
+export const CHAT_IMAGE_EVENT = 'dsh-imagegen:chat-images'
+
+export interface ChatImageEventDetail {
+  sessionId: SessionId
+  refs: readonly ImageAttachmentRef[]
+}
+
+/** Composer-facing extension of the narrower public conversation interface. */
+export type ConversationService = IConversation & Pick<ConversationController, 'createDraftImages' | 'releaseDraftImages'>

package/src/client/css-modules.d.ts

@@ -1,5 +1,5 @@
-/** CSS Modules type shim (the bundle inlines the compiled class map). */
-declare module '*.module.css' {
-  const classes: Record<string, string>
-  export default classes
-}
+/** CSS Modules type shim (the bundle inlines the compiled class map). */
+declare module '*.module.css' {
+  const classes: Record<string, string>
+  export default classes
+}

package/src/client/helpers.ts

@@ -1,33 +1,33 @@
-/**
- * Shared panel helpers: the active-dictionary pick (document-language based,
- * dsh-ssh precedent) bound to the dsh-imagegen interpolator, plus a small
- * error-message extractor. All copy stays in the locale dictionaries.
- */
-
-import { en, zh, type ImageGenKey } from './locales.ts'
-
-/** Template values accepted by the interpolator. */
-export type TranslateValues = Record<string, string | number>
-
-/** Active dictionary, picked by the document language at call time. */
-export function dictionary(): Record<string, string> {
-  const lang = typeof document !== 'undefined' ? document.documentElement.lang : 'zh'
-  return lang.toLowerCase().startsWith('en') ? { ...en } : { ...zh }
-}
-
-/** Translate a key with optional {name} template params (current language). */
-export function tt(key: ImageGenKey, values?: TranslateValues): string {
-  const text = dictionary()[key] ?? key
-  if (values === undefined) return text
-  let rendered = text
-  for (const [name, value] of Object.entries(values)) {
-    rendered = rendered.replaceAll(`{${name}}`, String(value))
-  }
-  return rendered
-}
-
-/** Human-readable error text from an unknown thrown value. */
-export function errorMessage(error: unknown): string {
-  if (error instanceof Error) return error.message
-  return String(error)
-}
+/**
+ * Shared panel helpers: the active-dictionary pick (document-language based,
+ * dsh-ssh precedent) bound to the dsh-imagegen interpolator, plus a small
+ * error-message extractor. All copy stays in the locale dictionaries.
+ */
+
+import { en, zh, type ImageGenKey } from './locales.ts'
+
+/** Template values accepted by the interpolator. */
+export type TranslateValues = Record<string, string | number>
+
+/** Active dictionary, picked by the document language at call time. */
+export function dictionary(): Record<string, string> {
+  const lang = typeof document !== 'undefined' ? document.documentElement.lang : 'zh'
+  return lang.toLowerCase().startsWith('en') ? { ...en } : { ...zh }
+}
+
+/** Translate a key with optional {name} template params (current language). */
+export function tt(key: ImageGenKey, values?: TranslateValues): string {
+  const text = dictionary()[key] ?? key
+  if (values === undefined) return text
+  let rendered = text
+  for (const [name, value] of Object.entries(values)) {
+    rendered = rendered.replaceAll(`{${name}}`, String(value))
+  }
+  return rendered
+}
+
+/** Human-readable error text from an unknown thrown value. */
+export function errorMessage(error: unknown): string {
+  if (error instanceof Error) return error.message
+  return String(error)
+}

package/src/client/image-toolview.module.css

@@ -1,73 +1,73 @@
-.root {
-  display: flex;
-  flex-direction: column;
-  gap: 7px;
-  margin: 4px 0;
-  padding: 8px 10px 10px;
-  border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-1);
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  min-height: 20px;
-  color: var(--dsw-alias-label-secondary);
-  font-size: 12px;
-}
-
-.icon {
-  color: var(--dsw-alias-brand-primary);
-  font-size: 15px;
-  line-height: 1;
-}
-
-.status {
-  margin-left: auto;
-  color: var(--dsw-alias-label-tertiary);
-  font-size: 11px;
-}
-
-.message,
-.loading,
-.error {
-  margin: 0;
-  color: var(--dsw-alias-label-tertiary);
-  font-size: 12px;
-  line-height: 1.5;
-  overflow-wrap: anywhere;
-}
-
-.images {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.imageLink {
-  display: block;
-  max-width: min(280px, 100%);
-  overflow: hidden;
-  border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 6px;
-  background: var(--dsw-alias-bg-base);
-}
-
-.imageLink:hover {
-  border-color: var(--dsw-alias-brand-primary);
-}
-
-.image {
-  display: block;
-  width: auto;
-  max-width: 280px;
-  height: auto;
-  max-height: 220px;
-  object-fit: contain;
-}
-
-.error {
-  color: var(--dsw-alias-state-error-primary);
-}
+.root {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  margin: 4px 0;
+  padding: 8px 10px 10px;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-height: 20px;
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
+}
+
+.icon {
+  color: var(--dsw-alias-brand-primary);
+  font-size: 15px;
+  line-height: 1;
+}
+
+.status {
+  margin-left: auto;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 11px;
+}
+
+.message,
+.loading,
+.error {
+  margin: 0;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 12px;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+
+.images {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.imageLink {
+  display: block;
+  max-width: min(280px, 100%);
+  overflow: hidden;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 6px;
+  background: var(--dsw-alias-bg-base);
+}
+
+.imageLink:hover {
+  border-color: var(--dsw-alias-brand-primary);
+}
+
+.image {
+  display: block;
+  width: auto;
+  max-width: 280px;
+  height: auto;
+  max-height: 220px;
+  object-fit: contain;
+}
+
+.error {
+  color: var(--dsw-alias-state-error-primary);
+}