feat: initial commit — crema-app-aifirst-template

Hybrid traditional + AI-first webapp scaffold. Sibling to crema-app-template,
adds the AI assistant surface, command bus, scripts dialog, and virtual
cursor.

What's pre-wired:
- 6 routes: Overview, Resources, Activity, Assistant, Library, Settings
- Collapsible rail + appbar + avatar dropdown shell (template code, not a lib)
- Mobile sheet at <md
- /assistant: streaming chat via @crema/llm-ui, mock fallback, model selector,
  token meter, retry probe, stop-while-streaming, persistent UI Control toggle
- /settings: editable LM Studio endpoint + context window + response cap, with
  test-connection button
- Markdown rendering for assistant replies; ```action``` blocks rendered as a
  small "Ran N actions" pill
- ⌘⇧P script runner dialog + Play icon in the appbar
- Two demo scripts in public/scripts/
- mightypix theme as default, scoped via <AppShell theme="mightypix">

Libs wired in tsconfig + app.css:
- @crema/action-bus (the bus, parser, runner, cursor, provider, ws, llm-bridge)
- @crema/llm-ui, @crema/chat-ui, @crema/aifirst-ui, @crema/notification-ui
- lib-theme-mightypix

Docs:
- README.md — pitch + quick start + structure
- docs/AI_FIRST.md — full system tour (data-action contract, bus, DSL, scripts,
  cursor, LLM integration)
- app/components/layout/THEME_CONTRACT.md — every CSS variable a theme must declare
- CLAUDE.md — orientation for an LLM working in the repo

Genericized from comfy-cloud (the original prototype):
- Brand defaults to "App" / Sparkles icon (override via app/lib/identity.ts)
- User defaults to a stub (swap useUser() for real auth)
- localStorage namespace is "crema.*" (was "comfy.*")

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

vite.config.ts

@@ -0,0 +1,108 @@
+import { resolve as resolvePath } from "node:path"
+import { fileURLToPath } from "node:url"
+import { reactRouter } from "@react-router/dev/vite"
+import tailwindcss from "@tailwindcss/vite"
+import { defineConfig } from "vite"
+import tsconfigPaths from "vite-tsconfig-paths"
+
+const contentUiSrc = fileURLToPath(
+  new URL("../lib-content-ui/src", import.meta.url),
+)
+const contentEditorUiSrc = fileURLToPath(
+  new URL("../lib-content-editor-ui/src", import.meta.url),
+)
+const contentMediaUiSrc = fileURLToPath(
+  new URL("../lib-content-media-ui/src", import.meta.url),
+)
+const colorUiSrc = fileURLToPath(
+  new URL("../lib-color-ui/src", import.meta.url),
+)
+const typographyUiSrc = fileURLToPath(
+  new URL("../lib-typography-ui/src", import.meta.url),
+)
+const dataUiSrc = fileURLToPath(
+  new URL("../lib-data-ui/src", import.meta.url),
+)
+const layoutUiSrc = fileURLToPath(
+  new URL("../lib-layout-ui/src", import.meta.url),
+)
+const mapUiSrc = fileURLToPath(
+  new URL("../lib-map-ui/src", import.meta.url),
+)
+const formUiSrc = fileURLToPath(
+  new URL("../lib-form-ui/src", import.meta.url),
+)
+const feedbackUiSrc = fileURLToPath(
+  new URL("../lib-feedback-ui/src", import.meta.url),
+)
+const diagramUiSrc = fileURLToPath(
+  new URL("../lib-diagram-ui/src", import.meta.url),
+)
+const chatUiSrc = fileURLToPath(
+  new URL("../lib-chat-ui/src", import.meta.url),
+)
+const calendarUiSrc = fileURLToPath(
+  new URL("../lib-calendar-ui/src", import.meta.url),
+)
+const codeUiSrc = fileURLToPath(
+  new URL("../lib-code-ui/src", import.meta.url),
+)
+const aiUiSrc = fileURLToPath(
+  new URL("../lib-ai-ui/src", import.meta.url),
+)
+
+// Sibling lib packages (lib-content-ui, lib-content-editor-ui) import bare
+// deps like clsx and @tiptap/* but have no node_modules of their own. Pin
+// each shared dep to pristine-ui's installed copy so Vite can resolve them
+// regardless of the importer's location.
+const nodeModules = fileURLToPath(new URL("./node_modules/", import.meta.url))
+const aliasedDeps = [
+  "clsx",
+  "tailwind-merge",
+  "lucide-react",
+  "@tiptap/core",
+  "@tiptap/react",
+  "@tiptap/starter-kit",
+  "@tiptap/extension-link",
+  "@tiptap/extension-placeholder",
+  "@tiptap/extension-image",
+]
+const sharedDepAliases = Object.fromEntries(
+  aliasedDeps.map((name) => [name, resolvePath(nodeModules, name)]),
+)
+const dedupeDeps = [
+  "react",
+  "react-dom",
+  "react-router",
+  ...aliasedDeps,
+]
+
+export default defineConfig({
+  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+  resolve: {
+    alias: {
+      "@crema/content-ui": `${contentUiSrc}/index.ts`,
+      "@crema/content-editor-ui": `${contentEditorUiSrc}/index.ts`,
+      "@crema/content-media-ui": `${contentMediaUiSrc}/index.tsx`,
+      "@crema/color-ui": `${colorUiSrc}/index.tsx`,
+      "@crema/typography-ui": `${typographyUiSrc}/index.tsx`,
+      "@crema/data-ui": `${dataUiSrc}/index.tsx`,
+      "@crema/layout-ui": `${layoutUiSrc}/index.tsx`,
+      "@crema/map-ui": `${mapUiSrc}/index.tsx`,
+      "@crema/form-ui": `${formUiSrc}/index.tsx`,
+      "@crema/feedback-ui": `${feedbackUiSrc}/index.tsx`,
+      "@crema/diagram-ui": `${diagramUiSrc}/index.tsx`,
+      "@crema/chat-ui": `${chatUiSrc}/index.tsx`,
+      "@crema/calendar-ui": `${calendarUiSrc}/index.tsx`,
+      "@crema/code-ui": `${codeUiSrc}/index.tsx`,
+      "@crema/ai-ui": `${aiUiSrc}/index.tsx`,
+      ...sharedDepAliases,
+    },
+    dedupe: dedupeDeps,
+  },
+  server: {
+    fs: {
+      allow: [fileURLToPath(new URL("..", import.meta.url))],
+    },
+  },
+})