@mohou/host 1.0.20

package/src/tools/codes.ts

@@ -0,0 +1,21 @@
+/** Codes the authoring implementation emits. Tool operations keep their own codes. */
+
+export const authorCodes = ['unknown-tool', 'tool-args', 'call-batch', 'authoring-token', 'authoring-loopback', 'cancelled'] as const
+
+/** A failure a projection matches. The message is for a person. */
+export type AuthorCode = (typeof authorCodes)[number]
+
+/** Failure before a tool runs, or a projection refusal. */
+export class AuthorError extends Error {
+  readonly code: AuthorCode
+
+  /**
+   * @param code - one of {@link authorCodes}
+   * @param message - human text; not the match key
+   */
+  constructor(code: AuthorCode, message: string) {
+    super(message)
+    this.name = 'AuthorError'
+    this.code = code
+  }
+}

package/src/tools/diagnostics.ts

@@ -0,0 +1,53 @@
+/** Body cap for an iframe diagnostic post. Host policy, not a locked number. */
+export const DEFAULT_DIAGNOSTIC_MAX_BYTES = 64_000
+
+/** Diagnostic path segments. Spell them here, not at each caller. */
+export const diagnosticLayout = {
+  root: '/api/app',
+  errors: 'errors',
+  alive: 'alive',
+  absent: 'absent',
+  viewEval: 'view/eval',
+} as const
+
+export function diagnosticUrl(appId: string, kind: 'errors' | 'alive' | 'absent' | 'viewEval'): string {
+  return `${diagnosticLayout.root}/${encodeURIComponent(appId)}/${diagnosticLayout[kind]}`
+}
+
+export interface DiagnosticPorts {
+  recordError(appId: string, raw: unknown): void
+  markAlive(appId: string): void
+  /** The panel has no frame for this app. */
+  markAbsent(appId: string): void
+  answerView(requestId: string, appId: string, raw: unknown): boolean
+  maxBodyBytes?: number
+}
+
+/** Admit one diagnostic body. A bad body is dropped. The route still answers 204. */
+export function acceptDiagnostic(ports: DiagnosticPorts, appId: string, kind: string, body: string): void {
+  let parsed: unknown
+  try {
+    parsed = JSON.parse(body) as unknown
+  } catch {
+    return
+  }
+  if (kind === diagnosticLayout.alive) {
+    ports.markAlive(appId)
+    return
+  }
+  if (kind === diagnosticLayout.absent) {
+    ports.markAbsent(appId)
+    return
+  }
+  if (kind === diagnosticLayout.errors) {
+    ports.recordError(appId, parsed)
+    return
+  }
+  if (kind === diagnosticLayout.viewEval && isRecord(parsed) && typeof parsed.requestId === 'string') {
+    ports.answerView(parsed.requestId, appId, parsed)
+  }
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}

package/src/tools/http.ts

@@ -0,0 +1,48 @@
+import { createAdaptorServer } from '@hono/node-server'
+
+import { closeMcpSessions } from '../http/author.ts'
+import { createLoopbackApp } from '../http/app.ts'
+import { authoringTokenMatches, isLoopbackAddress } from '../http/guard.ts'
+import type { LoopbackPorts } from '../http/ports.ts'
+import { type createAuthorTools } from './author.ts'
+import type { DiagnosticPorts } from './diagnostics.ts'
+
+type AuthorTools = ReturnType<typeof createAuthorTools>
+
+export { authoringTokenMatches, isLoopbackAddress }
+
+/**
+ * Loopback listener. Author, owner, and iframe routes are one Hono app.
+ * @param options - the tool implementation, the token, and owner ports when the session has them
+ */
+export function startAuthorHttp(options: {
+  readonly author: AuthorTools
+  readonly token: string
+  readonly port?: number
+  readonly diagnostics?: DiagnosticPorts
+  readonly loopback?: LoopbackPorts
+}): Promise<{ port: number; close: () => Promise<void> }> {
+  const app = createLoopbackApp(options)
+  const server = createAdaptorServer({ fetch: app.fetch })
+  return new Promise((resolve, reject) => {
+    server.once('error', reject)
+    server.listen(options.port ?? 0, '127.0.0.1', () => {
+      const address = server.address()
+      const port = typeof address === 'object' && address !== null ? address.port : 0
+      resolve({
+        port,
+        close: async () => {
+          await closeMcpSessions()
+          await new Promise<void>((done, fail) => {
+            server.close((error) => {
+              if (error) fail(error)
+              else done()
+            })
+            // Open panel sockets, including the event stream, would keep close pending.
+            if ('closeAllConnections' in server) server.closeAllConnections()
+          })
+        },
+      })
+    })
+  })
+}

package/src/tools/mcp-list.ts

@@ -0,0 +1,90 @@
+import { McpClient, McpError, type McpCode } from '@mohou/mcp-client'
+
+import type { McpLoadFailure } from '../host/mcp.ts'
+import { AuthorError } from './codes.ts'
+
+export interface AuthorMcpTool {
+  name: string
+  description?: string
+  inputSchema: Record<string, unknown>
+}
+
+export interface AuthorMcpServerNames {
+  id: string
+  tools?: readonly string[]
+  error?: { code: McpCode; message?: string }
+}
+
+export interface AuthorMcpServerTools {
+  id: string
+  tools?: AuthorMcpTool[]
+  error?: { code: McpCode; message?: string }
+}
+
+/**
+ * Authoring index of external MCP servers. Names only. No descriptions, no schemas, no env.
+ * One server failure does not drop the others, and a server boot left out is listed with the
+ * reference that kept it out, so the author learns why it is missing.
+ * @param client - host-held MCP client
+ * @param failures - servers boot left out
+ */
+export async function listMcpForAuthor(
+  client: McpClient,
+  failures: readonly McpLoadFailure[] = [],
+): Promise<{ servers: AuthorMcpServerNames[] }> {
+  const servers: AuthorMcpServerNames[] = failures.map(failure => ({
+    id: failure.id,
+    error: { code: failure.code as McpCode, message: failure.message },
+  }))
+  for (const id of client.serverIds()) {
+    try {
+      const tools = await client.listTools(id)
+      servers.push({ id, tools: tools.map(tool => tool.name) })
+    } catch (error) {
+      servers.push({ id, error: { code: listFailure(error) } })
+    }
+  }
+  return { servers }
+}
+
+/**
+ * Tool detail for one connected MCP server. Optional `toolName` returns that one tool only.
+ * @param client - host-held MCP client
+ * @param serverId - key in the resolved config
+ * @param toolName - when set, only that tool; unknown name is `tool-args`
+ * @param failures - servers boot left out; asking about one answers with its reference failure
+ */
+export async function toolsMcpForAuthor(
+  client: McpClient,
+  serverId: string,
+  toolName?: string,
+  failures: readonly McpLoadFailure[] = [],
+): Promise<AuthorMcpServerTools> {
+  const leftOut = failures.find(failure => failure.id === serverId)
+  if (leftOut !== undefined) {
+    return { id: serverId, error: { code: leftOut.code as McpCode, message: leftOut.message } }
+  }
+  try {
+    const listed = await client.listTools(serverId)
+    const tools = listed.map(tool => ({
+      name: tool.name,
+      ...tool.description === undefined ? {} : { description: tool.description },
+      inputSchema: tool.inputSchema,
+    }))
+    if (toolName === undefined) return { id: serverId, tools }
+    const match = tools.find(tool => tool.name === toolName)
+    if (match === undefined) {
+      throw new AuthorError('tool-args', `unknown tool: ${toolName} on ${serverId}`)
+    }
+    return { id: serverId, tools: [match] }
+  } catch (error) {
+    if (error instanceof AuthorError) throw error
+    return { id: serverId, error: { code: listFailure(error) } }
+  }
+}
+
+function listFailure(error: unknown): 'mcp-not-connected' | 'mcp-start-failed' {
+  return error instanceof McpError && (error.code === 'mcp-not-connected' || error.code === 'mcp-start-failed')
+    ? error.code
+    : 'mcp-start-failed'
+}

package/src/tools/schemas.ts

@@ -0,0 +1,185 @@
+import { authorMcpToolNames, authorToolNames, reloadMessage, type AuthorToolName } from './author.ts'
+
+interface ToolInput {
+  readonly description: string
+  readonly inputSchema: {
+    readonly type: 'object'
+    readonly properties: Record<string, unknown>
+    readonly required?: readonly string[]
+  }
+}
+
+const appId = { type: 'string' }
+const path = { type: 'string' }
+const commit = { type: 'boolean' }
+
+/** One projection of the author catalog. Callers do not invent a second argument list. */
+export const authorToolInputs: Record<AuthorToolName, ToolInput> = {
+  mini_app_list: {
+    description: 'List mini-apps on this host.',
+    inputSchema: { type: 'object', properties: {} },
+  },
+  mini_app_get: {
+    description: 'Read one mini-app name, version, and directory.',
+    inputSchema: { type: 'object', properties: { appId }, required: ['appId'] },
+  },
+  mini_app_list_files: {
+    description: 'List files in a mini-app.',
+    inputSchema: { type: 'object', properties: { appId }, required: ['appId'] },
+  },
+  mini_app_read: {
+    description: 'Read a mini-app file. Optional line range.',
+    inputSchema: {
+      type: 'object',
+      properties: { appId, path, start: { type: 'number' }, end: { type: 'number' }, numbered: { type: 'boolean' } },
+      required: ['appId', 'path'],
+    },
+  },
+  mini_app_edit: {
+    description: 'Replace unique text in a mini-app file.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        appId,
+        path,
+        edits: { type: 'array', items: { type: 'object', properties: { oldText: { type: 'string' }, newText: { type: 'string' } }, required: ['oldText', 'newText'] } },
+        commit,
+      },
+      required: ['appId', 'path', 'edits'],
+    },
+  },
+  mini_app_write: {
+    description: 'Create or overwrite a mini-app file.',
+    inputSchema: { type: 'object', properties: { appId, path, content: { type: 'string' }, commit }, required: ['appId', 'path', 'content'] },
+  },
+  mini_app_delete: {
+    description: 'Delete a mini-app file.',
+    inputSchema: { type: 'object', properties: { appId, path, commit }, required: ['appId', 'path'] },
+  },
+  mini_app_register: {
+    description: 'Create a mini-app directory from manifest fields. Write ui.tsx and main.api.ts with file tools.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        appId,
+        name: { type: 'string' },
+        description: { type: 'string' },
+        version: { type: 'string' },
+        acronym: { type: 'string' },
+        tags: { type: 'array', items: { type: 'string' } },
+        kind: { type: 'string' },
+      },
+      required: ['appId', 'name', 'description', 'version'],
+    },
+  },
+  mini_app_reload: {
+    description: reloadMessage,
+    inputSchema: { type: 'object', properties: { appId, cleanCaches: { type: 'boolean' } }, required: ['appId'] },
+  },
+  mini_app_call: {
+    description: 'Call a mini-app API method, or a batch.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        appId,
+        method: { type: 'string' },
+        args: { type: 'object' },
+        calls: { type: 'array', items: { type: 'object' } },
+      },
+      required: ['appId'],
+    },
+  },
+  mini_app_mcp_list: {
+    description: 'List connected MCP servers and their tool names. No descriptions or schemas.',
+    inputSchema: { type: 'object', properties: {} },
+  },
+  mini_app_mcp_tools: {
+    description: 'Read tool descriptions and input schemas for one MCP server. Optional toolName narrows to one tool.',
+    inputSchema: {
+      type: 'object',
+      properties: { serverId: { type: 'string' }, toolName: { type: 'string' } },
+      required: ['serverId'],
+    },
+  },
+  mini_app_mcp_add: {
+    description: 'Add or replace one MCP server in the host config, and check it by opening it once. A value may be written as ${env:NAME} or ${credential:NAME}; the host resolves it and the secret never reaches the file. The row is live after the next host start.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        id: { type: 'string' },
+        description: { type: 'string' },
+        command: { type: 'string' },
+        args: { type: 'array', items: { type: 'string' } },
+        env: { type: 'object' },
+        url: { type: 'string' },
+        transport: { type: 'string', enum: ['sse', 'streamable-http'] },
+        headers: { type: 'object' },
+        enabled: { type: 'boolean' },
+        check: { type: 'boolean' },
+        force: { type: 'boolean' },
+      },
+      required: ['id'],
+    },
+  },
+  mini_app_mcp_remove: {
+    description: 'Remove one MCP server from the host config by id. The removal is live after the next host start.',
+    inputSchema: {
+      type: 'object',
+      properties: { id: { type: 'string' } },
+      required: ['id'],
+    },
+  },
+  mini_app_credential_list: {
+    description: 'List credential names. Values are not returned.',
+    inputSchema: { type: 'object', properties: {} },
+  },
+  mini_app_history_commit: {
+    description: 'Commit the mini-app tree.',
+    inputSchema: { type: 'object', properties: { appId, message: { type: 'string' } }, required: ['appId', 'message'] },
+  },
+  mini_app_history_list: {
+    description: 'List commits.',
+    inputSchema: { type: 'object', properties: { appId, limit: { type: 'number' } }, required: ['appId'] },
+  },
+  mini_app_history_reset: {
+    description: 'Reset the tree to a commit.',
+    inputSchema: { type: 'object', properties: { appId, commitId: { type: 'string' } }, required: ['appId', 'commitId'] },
+  },
+  mini_app_open: {
+    description: 'Show a mini-app in the panel.',
+    inputSchema: { type: 'object', properties: { appId, title: { type: 'string' } }, required: ['appId'] },
+  },
+  mini_app_errors: {
+    description: 'Read recent runner errors.',
+    inputSchema: { type: 'object', properties: { appId, since: { type: 'number' }, clear: { type: 'boolean' } }, required: ['appId'] },
+  },
+  mini_app_install: {
+    description: 'Add or remove libraries in a mini-app.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        appId,
+        packages: { type: 'array', items: { type: 'object', properties: { name: { type: 'string' }, version: { type: 'string' } }, required: ['name'] } },
+        remove: { type: 'array', items: { type: 'string' } },
+        commit,
+      },
+      required: ['appId'],
+    },
+  },
+  mini_app_view_eval: {
+    description: 'Run JavaScript in an open mini-app view.',
+    inputSchema: {
+      type: 'object',
+      properties: { appId, code: { type: 'string' }, maxBytes: { type: 'number' }, timeoutMs: { type: 'number' } },
+      required: ['appId'],
+    },
+  },
+}
+
+export function authorToolList(): Array<{ name: AuthorToolName; description: string; inputSchema: ToolInput['inputSchema'] }> {
+  return authorToolNames.map(name => ({ name, ...authorToolInputs[name] }))
+}
+
+export function authorMcpToolList(): Array<{ name: string; description: string; inputSchema: ToolInput['inputSchema'] }> {
+  return authorMcpToolNames.map(name => ({ name, ...authorToolInputs[name] }))
+}

package/themes/theme-default.css

@@ -0,0 +1,4 @@
+/* name: Default */
+/* name-zh-CN: 默认 */
+:root[data-mode="light"] { --background: #f7f7f8; --foreground: #111111; --card: #ffffff; --card-foreground: #111111; --border: #e5e7eb; --muted: #f3f4f6; --muted-foreground: #6b7280; --primary: #2563eb; --primary-foreground: #ffffff; --secondary: #f3f4f6; --secondary-foreground: #111111; --accent: #eff6ff; --accent-foreground: #1e3a8a; --destructive: #dc2626; --destructive-foreground: #ffffff; --ring: #2563eb; --input: #e5e7eb; --radius: 10px; --shadow: rgba(15, 23, 42, 0.08); }
+:root[data-mode="dark"] { --background: #0b0b0c; --foreground: #f4f4f5; --card: #171717; --card-foreground: #f4f4f5; --border: #2a2a2c; --muted: #27272a; --muted-foreground: #a1a1aa; --primary: #3b82f6; --primary-foreground: #ffffff; --secondary: #27272a; --secondary-foreground: #f4f4f5; --accent: #172554; --accent-foreground: #bfdbfe; --destructive: #ef4444; --destructive-foreground: #ffffff; --ring: #3b82f6; --input: #2a2a2c; --radius: 10px; --shadow: rgba(0, 0, 0, 0.45); }

package/themes/theme-forest.css

@@ -0,0 +1,4 @@
+/* name: Tundra */
+/* name-zh-CN: 苔原 */
+:root[data-mode="light"] { --background: #fdf6e3; --foreground: #5c6a72; --card: #fefaf0; --card-foreground: #5c6a72; --border: #e3ddc9; --muted: #f2ecdb; --muted-foreground: #859289; --primary: #93b259; --primary-foreground: #fdf6e3; --secondary: #eae4d2; --secondary-foreground: #5c6a72; --accent: #e0e6c8; --accent-foreground: #4d6a3d; --destructive: #e67e80; --destructive-foreground: #fdf6e3; --ring: #93b259; --input: #f7f1e0; --radius: 12px; --shadow: rgba(70, 90, 60, 0.12); }
+:root[data-mode="dark"] { --background: #2d353b; --foreground: #d3c6aa; --card: #333c43; --card-foreground: #d3c6aa; --border: #414c52; --muted: #3d484d; --muted-foreground: #859289; --primary: #a7c080; --primary-foreground: #2d353b; --secondary: #3d484d; --secondary-foreground: #d3c6aa; --accent: #475258; --accent-foreground: #d3c6aa; --destructive: #e67e80; --destructive-foreground: #2d353b; --ring: #a7c080; --input: #272e33; --radius: 12px; --shadow: rgba(0, 0, 0, 0.4); }

package/themes/theme-hokage.css

@@ -0,0 +1,4 @@
+/* name: Hokage Dawn */
+/* name-zh-CN: 火影黎明 */
+:root[data-mode="light"] { --background: #faf3ea; --foreground: #4a3a2c; --card: #ffffff; --card-foreground: #4a3a2c; --border: #eadcc8; --muted: #f3e9db; --muted-foreground: #a0886a; --primary: #c2660f; --primary-foreground: #ffffff; --secondary: #efe2d0; --secondary-foreground: #4a3a2c; --accent: #fbe6c8; --accent-foreground: #7c4a10; --destructive: #dc2626; --destructive-foreground: #ffffff; --ring: #c2660f; --input: #f8f0e4; --radius: 12px; --shadow: rgba(150, 90, 30, 0.12); }
+:root[data-mode="dark"] { --background: #241a17; --foreground: #f0e3d8; --card: #2e211c; --card-foreground: #f0e3d8; --border: #45372e; --muted: #33251f; --muted-foreground: #b59f8c; --primary: #f59e0b; --primary-foreground: #241a17; --secondary: #33251f; --secondary-foreground: #f0e3d8; --accent: #4a3024; --accent-foreground: #fcd9b6; --destructive: #ef4444; --destructive-foreground: #241a17; --ring: #f59e0b; --input: #201612; --radius: 12px; --shadow: rgba(0, 0, 0, 0.5); }

package/themes/theme-matcha.css

@@ -0,0 +1,4 @@
+/* name: Strawberry Matcha */
+/* name-zh-CN: 草莓抹茶 */
+:root[data-mode="light"] { --background: #faf5f3; --foreground: #4c4147; --card: #ffffff; --card-foreground: #4c4147; --border: #eadcd8; --muted: #f3eae6; --muted-foreground: #98857f; --primary: #e08a9c; --primary-foreground: #ffffff; --secondary: #f0e4df; --secondary-foreground: #4c4147; --accent: #e8f0da; --accent-foreground: #5a7a3f; --destructive: #d95f7f; --destructive-foreground: #ffffff; --ring: #e08a9c; --input: #f8f1ee; --radius: 14px; --shadow: rgba(180, 90, 110, 0.12); }
+:root[data-mode="dark"] { --background: #28242b; --foreground: #e9d8d2; --card: #302b33; --card-foreground: #e9d8d2; --border: #443a44; --muted: #38313a; --muted-foreground: #b3a09f; --primary: #ee9aa6; --primary-foreground: #28242b; --secondary: #38313a; --secondary-foreground: #e9d8d2; --accent: #3f4a38; --accent-foreground: #c8e3b2; --destructive: #e06c8a; --destructive-foreground: #28242b; --ring: #ee9aa6; --input: #231f26; --radius: 14px; --shadow: rgba(0, 0, 0, 0.45); }

package/themes/theme-slate.css

@@ -0,0 +1,4 @@
+/* name: Graphite */
+/* name-zh-CN: 石墨 */
+:root[data-mode="light"] { --background: #ececee; --foreground: #09090b; --card: #ffffff; --card-foreground: #09090b; --border: #c8c8ce; --muted: #e0e0e5; --muted-foreground: #52525b; --primary: #27272a; --primary-foreground: #fafafa; --secondary: #e0e0e5; --secondary-foreground: #09090b; --accent: #d4d4d8; --accent-foreground: #18181b; --destructive: #dc2626; --destructive-foreground: #ffffff; --ring: #27272a; --input: #c8c8ce; --radius: 8px; --shadow: rgba(24, 24, 27, 0.12); }
+:root[data-mode="dark"] { --background: #050506; --foreground: #fafafa; --card: #141416; --card-foreground: #fafafa; --border: #3f3f46; --muted: #1f1f23; --muted-foreground: #a1a1aa; --primary: #e4e4e7; --primary-foreground: #09090b; --secondary: #1f1f23; --secondary-foreground: #fafafa; --accent: #27272a; --accent-foreground: #f4f4f5; --destructive: #f87171; --destructive-foreground: #09090b; --ring: #e4e4e7; --input: #3f3f46; --radius: 8px; --shadow: rgba(0, 0, 0, 0.6); }

package/themes/theme-tokyo.css

@@ -0,0 +1,4 @@
+/* name: Tokyo Night */
+/* name-zh-CN: 东京夜 */
+:root[data-mode="light"] { --background: #d5d6db; --foreground: #343b59; --card: #f2f3f8; --card-foreground: #343b59; --border: #c9ccd9; --muted: #e9eaf2; --muted-foreground: #7c82a4; --primary: #2e7de9; --primary-foreground: #ffffff; --secondary: #e3e5ef; --secondary-foreground: #343b59; --accent: #dfe6f6; --accent-foreground: #274a94; --destructive: #db4b4b; --destructive-foreground: #ffffff; --ring: #2e7de9; --input: #e8eaf2; --radius: 10px; --shadow: rgba(30, 40, 90, 0.12); }
+:root[data-mode="dark"] { --background: #1a1b26; --foreground: #a9b1d6; --card: #16161e; --card-foreground: #a9b1d6; --border: #2b2e3d; --muted: #1f2230; --muted-foreground: #787c99; --primary: #7aa2f7; --primary-foreground: #1a1b26; --secondary: #202330; --secondary-foreground: #a9b1d6; --accent: #33467c; --accent-foreground: #c0caf5; --destructive: #f7768e; --destructive-foreground: #1a1b26; --ring: #7aa2f7; --input: #14141b; --radius: 10px; --shadow: rgba(0, 0, 0, 0.5); }

package/themes/theme-yellow.css

@@ -0,0 +1,4 @@
+/* name: Pill Yellow */
+/* name-zh-CN: 药丸黄 */
+:root[data-mode="light"] { --background: #faf6ef; --foreground: #3d3326; --card: #ffffff; --card-foreground: #3d3326; --border: #e8dfcd; --muted: #f2ecdf; --muted-foreground: #9a8a6f; --primary: #a37b16; --primary-foreground: #ffffff; --secondary: #ede5d3; --secondary-foreground: #3d3326; --accent: #f7edcb; --accent-foreground: #6b4e0a; --destructive: #dc2626; --destructive-foreground: #ffffff; --ring: #a37b16; --input: #f7f1e4; --radius: 12px; --shadow: rgba(140, 110, 40, 0.12); }
+:root[data-mode="dark"] { --background: #1c1917; --foreground: #f5f0e6; --card: #242019; --card-foreground: #f5f0e6; --border: #3a332a; --muted: #2a2520; --muted-foreground: #b3a68f; --primary: #facc15; --primary-foreground: #1c1917; --secondary: #2a2520; --secondary-foreground: #f5f0e6; --accent: #3f3518; --accent-foreground: #fde68a; --destructive: #f87171; --destructive-foreground: #1c1917; --ring: #facc15; --input: #211d18; --radius: 12px; --shadow: rgba(0, 0, 0, 0.5); }

package/themes/theme-zoro.css

@@ -0,0 +1,4 @@
+/* name: Three Swords */
+/* name-zh-CN: 三刀流 */
+:root[data-mode="light"] { --background: #f2f6f0; --foreground: #24302a; --card: #ffffff; --card-foreground: #24302a; --border: #d8e4d6; --muted: #e9efe6; --muted-foreground: #7d907e; --primary: #15803d; --primary-foreground: #ffffff; --secondary: #e3ecdf; --secondary-foreground: #24302a; --accent: #dcf2e2; --accent-foreground: #166534; --destructive: #dc2626; --destructive-foreground: #ffffff; --ring: #15803d; --input: #f4f8f2; --radius: 12px; --shadow: rgba(30, 80, 50, 0.1); }
+:root[data-mode="dark"] { --background: #101512; --foreground: #d8e0d4; --card: #18211b; --card-foreground: #d8e0d4; --border: #2c3a30; --muted: #1d2720; --muted-foreground: #93a393; --primary: #4ade80; --primary-foreground: #101512; --secondary: #1d2720; --secondary-foreground: #d8e0d4; --accent: #14532d; --accent-foreground: #bbf7d0; --destructive: #f87171; --destructive-foreground: #101512; --ring: #4ade80; --input: #141b16; --radius: 12px; --shadow: rgba(0, 0, 0, 0.5); }