@deepseek-ai/dsh-experimental-client-ui-claude-code-mods 0.2.1-alpha.1

package/lib/index.js

@@ -0,0 +1,6 @@
+//#region lib/types/index.js
+/** Host marker for the browser-discovered Claude Code mods band; the browser export draws it. */
+/** Host plugin body; behavior lives in the client export and the bridge's Remote. */
+function apply() {}
+//#endregion
+export { apply };

package/lib/types/client/Band.d.ts

@@ -0,0 +1,23 @@
+import type { HostObservable, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { SurfaceSnapshot } from '@deepseek-ai/dsh-experimental-claude-code-mods/types';
+import { NS } from './locales.ts';
+/** What the browser plugin injects: the session's band snapshots and the press that goes back to the Host. */
+export interface BandInjected {
+    hooks: {
+        band: HostObservable<SurfaceSnapshot | undefined>;
+    };
+    /** Run a button of the current drawing on the Host; resolves to the drawing after the press. */
+    press: (generation: number, actionId: string) => Promise<void>;
+}
+/** Full props of the band entry in the input dock. */
+export type BandProps = PropsRuntime<'conversation.input.dock'> & {
+    press: BandInjected['press'];
+    useBand: <T>(select: (snapshot: SurfaceSnapshot | undefined) => T) => T;
+} & PropsLocale<typeof NS>;
+/**
+ * The band above the prompt: the session's current mod drawing, with buttons
+ * that run their `onPress` on the Host. Hotkeys are shown as hints; a press is
+ * a click.
+ */
+export declare function Band({ press, useBand, t }: BandProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Band.d.ts.map

package/lib/types/client/index.d.ts

@@ -0,0 +1,12 @@
+/** Browser entry: mounts the bridge's Remote and registers the band above the prompt. */
+import type { Context } from '@deepseek-ai/cordis';
+export { inject } from './mount.ts';
+export type { BandInjected, BandProps } from './Band.tsx';
+export type { ModsBandKey } from './locales.ts';
+/**
+ * Register the mods band on the Client Context.
+ * @param ctx - Client Context with the declared `inject` services available.
+ * @returns the disposer that withdraws the band.
+ */
+export declare function apply(ctx: Context): Promise<() => Promise<void>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/client/locales.d.ts

@@ -0,0 +1,20 @@
+/** Web dictionaries for the chrome around a mod's band; the mods' own content is theirs. */
+/** Locale namespace owned by the mods band. */
+export declare const NS = "claude-code-mods";
+/** Simplified Chinese dictionary and key source. */
+export declare const zh: {
+    band: string;
+    pressing: string;
+    'press.failed': string;
+    'press.stale': string;
+};
+/** Mods band locale key union. */
+export type ModsBandKey = keyof typeof zh;
+/** English dictionary checked against the Chinese key set. */
+export declare const en: {
+    band: string;
+    pressing: string;
+    'press.failed': string;
+    'press.stale': string;
+};
+//# sourceMappingURL=locales.d.ts.map

package/lib/types/client/mount.d.ts

@@ -0,0 +1,20 @@
+/** Source-safe browser registration of the mods band: the Remote stream behind a store, the dock entry, the press. */
+import type { Context } from '@deepseek-ai/cordis';
+import type { TypertRemoteContribution } from '@deepseek-ai/dsh-typert-protocol';
+import { type ModsBandKey } from './locales.ts';
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+    interface LocaleNamespaceMap {
+        /** Chrome copy around a mod's band. */
+        'claude-code-mods': ModsBandKey;
+    }
+}
+/** Required browser services: the Remote namespace, slots, and localized copy. */
+export declare const inject: string[];
+/**
+ * Mount the bridge's Remote contribution and register the band.
+ * @param ctx - browser Context with `remote`, `slots`, and `locale`.
+ * @param contribution - the generated `claudeCodeMods` Remote contribution.
+ * @returns the disposer that withdraws the band and the Remote mount.
+ */
+export declare function mountModsBand(ctx: Context, contribution: TypertRemoteContribution): Promise<() => Promise<void>>;
+//# sourceMappingURL=mount.d.ts.map

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+/** Host marker for the browser-discovered Claude Code mods band; the browser export draws it. */
+/** Host plugin body; behavior lives in the client export and the bridge's Remote. */
+export declare function apply(): void;
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@deepseek-ai/dsh-experimental-client-ui-claude-code-mods",
+  "description": "Web band above the prompt for Claude Code mods: draws each session's mod tree and sends button presses back to the bridge",
+  "version": "0.2.1-alpha.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deepseek-ai/deepseek-harness.git",
+    "directory": "packages/experimental/client-ui-claude-code-mods"
+  },
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-api-remotes",
+        "@deepseek-ai/dsh-api-session-controller",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-conversation",
+        "@deepseek-ai/dsh-client-ui-primitives"
+      ],
+      "platform": "web"
+    }
+  },
+  "files": [
+    "lib/index.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "~4.0.5-alpha.1",
+    "@deepseek-ai/dsh-api-remotes": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-api-session-controller": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-locale": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-session": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-slots": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-experimental-claude-code-mods": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-session": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-typert-protocol": "0.2.1-alpha.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "~18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@deepseek-ai/cordis": "~4.0.5-alpha.1",
+    "@deepseek-ai/dsh-api-remotes": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-api-session-controller": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-locale": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-test-runtime": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-slots": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-client-ui-session": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-experimental-claude-code-mods": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-session": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-typert-protocol": "0.2.1-alpha.1"
+  },
+  "scripts": {
+    "bundle": "tsdown",
+    "watch": "tsdown --watch"
+  }
+}