@geenius/ai 0.1.0

package/packages/solidjs-css/src/primitives/createMemory.ts

@@ -0,0 +1,127 @@
+// @geenius-ai/solidjs — src/primitives/createMemory.ts
+
+import { createSignal } from 'solid-js'
+import type {
+    MemoryEntry,
+    MemoryQuery,
+    MemoryNamespace,
+    MemoryImportance,
+    MemoryType,
+} from '@geenius-ai/shared'
+
+export interface CreateMemoryOptions {
+    storeFn: (entry: Omit<MemoryEntry, 'id' | 'accessCount' | 'lastAccessedAt' | 'createdAt' | 'updatedAt'>) => Promise<MemoryEntry>
+    searchFn: (query: MemoryQuery) => Promise<MemoryEntry[]>
+    deleteFn: (id: string) => Promise<void>
+    clearFn: (namespace: MemoryNamespace, scopeId: string) => Promise<void>
+    defaultNamespace?: MemoryNamespace
+    defaultScopeId?: string
+}
+
+export function createMemory(options: CreateMemoryOptions) {
+    const {
+        storeFn, searchFn, deleteFn, clearFn,
+        defaultNamespace = 'user',
+        defaultScopeId = '',
+    } = options
+
+    const [memories, setMemories] = createSignal<MemoryEntry[]>([])
+    const [isLoading, setIsLoading] = createSignal(false)
+    const [error, setError] = createSignal<Error | null>(null)
+
+    const store = async (
+        key: string,
+        value: string,
+        opts?: {
+            namespace?: MemoryNamespace
+            type?: MemoryType
+            importance?: MemoryImportance
+            metadata?: Record<string, unknown>
+            scopeId?: string
+        },
+    ) => {
+        setIsLoading(true)
+        setError(null)
+        try {
+            const entry = await storeFn({
+                namespace: opts?.namespace ?? defaultNamespace,
+                type: opts?.type ?? 'fact',
+                importance: opts?.importance ?? 'medium',
+                key,
+                value,
+                metadata: opts?.metadata,
+                scopeId: opts?.scopeId ?? defaultScopeId,
+            })
+            setMemories(prev => [...prev, entry])
+            return entry
+        } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err))
+            setError(e)
+            throw e
+        } finally {
+            setIsLoading(false)
+        }
+    }
+
+    const recall = async (key: string, namespace?: MemoryNamespace) => {
+        setIsLoading(true)
+        setError(null)
+        try {
+            const results = await searchFn({
+                namespace: namespace ?? defaultNamespace,
+                key,
+                scopeId: defaultScopeId,
+                limit: 1,
+            })
+            return results.length > 0 ? results[0] : null
+        } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err))
+            setError(e)
+            throw e
+        } finally {
+            setIsLoading(false)
+        }
+    }
+
+    const search = async (query: MemoryQuery) => {
+        setIsLoading(true)
+        setError(null)
+        try {
+            const results = await searchFn({ scopeId: defaultScopeId, ...query })
+            setMemories(results)
+            return results
+        } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err))
+            setError(e)
+            throw e
+        } finally {
+            setIsLoading(false)
+        }
+    }
+
+    const remove = async (id: string) => {
+        setError(null)
+        try {
+            await deleteFn(id)
+            setMemories(prev => prev.filter(m => m.id !== id))
+        } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err))
+            setError(e)
+            throw e
+        }
+    }
+
+    const clear = async (namespace?: MemoryNamespace) => {
+        setError(null)
+        try {
+            await clearFn(namespace ?? defaultNamespace, defaultScopeId)
+            setMemories([])
+        } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err))
+            setError(e)
+            throw e
+        }
+    }
+
+    return { store, recall, search, remove, clear, memories, isLoading, error }
+}

package/packages/solidjs-css/src/primitives/createModelTest.ts

@@ -0,0 +1,89 @@
+// @geenius-ai/solidjs — src/primitives/createModelTest.ts
+
+/**
+ * Model test primitive — run tests on individual or batch models.
+ */
+
+import { createSignal } from 'solid-js'
+import type { AIGenerationType } from '@geenius-ai/shared'
+
+export interface ModelTestResult {
+    model: string
+    type: AIGenerationType
+    result: string
+    durationMs: number
+    timestamp: number
+    error?: string
+}
+
+export interface CreateModelTestOptions {
+    callGenerateText?: (args: any) => Promise<string>
+    callGenerateImage?: (args: any) => Promise<string>
+    callGenerateAudio?: (args: any) => Promise<string>
+    callGenerateVideo?: (args: any) => Promise<string>
+}
+
+export interface CreateModelTestReturn {
+    runTest: (model: string, prompt: string, type?: AIGenerationType) => Promise<ModelTestResult>
+    runBatchTest: (models: string[], prompt: string) => Promise<ModelTestResult[]>
+    results: () => ModelTestResult[]
+    isRunning: () => boolean
+    clearResults: () => void
+}
+
+export function createModelTest(options: CreateModelTestOptions = {}): CreateModelTestReturn {
+    const [results, setResults] = createSignal<ModelTestResult[]>([])
+    const [isRunning, setIsRunning] = createSignal(false)
+
+    async function runTest(model: string, prompt: string, type: AIGenerationType = 'text'): Promise<ModelTestResult> {
+        setIsRunning(true)
+        const start = Date.now()
+
+        try {
+            let result = ''
+            switch (type) {
+                case 'text':
+                    if (!options.callGenerateText) throw new Error('callGenerateText not provided')
+                    result = await options.callGenerateText({ model, messages: [{ role: 'user', content: prompt }], caller: 'model-test' })
+                    break
+                case 'image':
+                    if (!options.callGenerateImage) throw new Error('callGenerateImage not provided')
+                    result = await options.callGenerateImage({ prompt, model })
+                    break
+                case 'audio':
+                    if (!options.callGenerateAudio) throw new Error('callGenerateAudio not provided')
+                    result = await options.callGenerateAudio({ prompt })
+                    break
+                case 'video':
+                    if (!options.callGenerateVideo) throw new Error('callGenerateVideo not provided')
+                    result = await options.callGenerateVideo({ prompt })
+                    break
+                default:
+                    throw new Error(`Unsupported test type: ${type}`)
+            }
+
+            const testResult: ModelTestResult = { model, type, result, durationMs: Date.now() - start, timestamp: Date.now() }
+            setResults(prev => [...prev, testResult])
+            return testResult
+        } catch (err) {
+            const testResult: ModelTestResult = { model, type, result: '', durationMs: Date.now() - start, timestamp: Date.now(), error: err instanceof Error ? err.message : 'Test failed' }
+            setResults(prev => [...prev, testResult])
+            return testResult
+        } finally {
+            setIsRunning(false)
+        }
+    }
+
+    async function runBatchTest(models: string[], prompt: string): Promise<ModelTestResult[]> {
+        setIsRunning(true)
+        const batch: ModelTestResult[] = []
+        for (const model of models) {
+            const r = await runTest(model, prompt)
+            batch.push(r)
+        }
+        setIsRunning(false)
+        return batch
+    }
+
+    return { runTest, runBatchTest, results, isRunning, clearResults: () => setResults([]) }
+}

package/packages/solidjs-css/src/primitives/createSkills.ts

@@ -0,0 +1,83 @@
+// @geenius-ai/solidjs — src/primitives/createSkills.ts
+
+import { createSignal, createMemo } from 'solid-js'
+import type {
+    SkillDefinition,
+    SkillContext,
+    SkillResult,
+    SkillCategory,
+} from '@geenius-ai/shared'
+import { BUILT_IN_SKILLS } from '@geenius-ai/shared'
+
+export interface CreateSkillsOptions {
+    executeFn: (context: SkillContext) => Promise<SkillResult>
+    customSkills?: SkillDefinition[]
+    defaultModel?: string
+    userId?: string
+}
+
+export function createSkills(options: CreateSkillsOptions) {
+    const { executeFn, customSkills = [], defaultModel, userId } = options
+    const [result, setResult] = createSignal<SkillResult | null>(null)
+    const [isExecuting, setIsExecuting] = createSignal(false)
+    const [error, setError] = createSignal<Error | null>(null)
+
+    const allSkills = createMemo(() => {
+        const map = new Map<string, SkillDefinition>()
+        for (const skill of Object.values(BUILT_IN_SKILLS)) map.set(skill.id, skill)
+        for (const skill of customSkills) map.set(skill.id, skill)
+        return Array.from(map.values())
+    })
+
+    const byCategory = (category: SkillCategory) =>
+        allSkills().filter(s => s.category === category)
+
+    const search = (query: string) => {
+        const q = query.toLowerCase()
+        return allSkills().filter(s =>
+            s.name.toLowerCase().includes(q) ||
+            s.description.toLowerCase().includes(q) ||
+            s.tags?.some(t => t.toLowerCase().includes(q))
+        )
+    }
+
+    const getSkill = (id: string) => allSkills().find(s => s.id === id)
+
+    const execute = async (
+        skillId: string,
+        params: Record<string, unknown>,
+        context?: Record<string, unknown>,
+    ) => {
+        setIsExecuting(true)
+        setError(null)
+        try {
+            const res = await executeFn({
+                skillId,
+                params,
+                userId,
+                context,
+                model: defaultModel,
+            })
+            setResult(res)
+            return res
+        } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err))
+            setError(e)
+            throw e
+        } finally {
+            setIsExecuting(false)
+        }
+    }
+
+    return {
+        skills: allSkills,
+        byCategory,
+        search,
+        getSkill,
+        execute,
+        result,
+        isExecuting,
+        error,
+        reset: () => { setResult(null); setError(null) },
+    }
+}

package/packages/solidjs-css/src/primitives/createTextToSpeech.ts

@@ -0,0 +1,56 @@
+// @geenius-ai/solidjs — src/primitives/createTextToSpeech.ts
+
+import { createSignal } from 'solid-js'
+
+export interface CreateTextToSpeechOptions {
+    callGenerateAudio: (args: any) => Promise<string>
+    defaultVoice?: string
+    defaultModel?: string
+    autoPlay?: boolean
+}
+
+export function createTextToSpeech(options: CreateTextToSpeechOptions) {
+    const [isGenerating, setIsGenerating] = createSignal(false)
+    const [isSpeaking, setIsSpeaking] = createSignal(false)
+    const [error, setError] = createSignal<string | null>(null)
+    const [audioUrl, setAudioUrl] = createSignal<string | null>(null)
+    let currentAudio: HTMLAudioElement | null = null
+
+    async function speak(text: string, opts?: { voice?: string; model?: string; speed?: number }) {
+        setIsGenerating(true)
+        setError(null)
+        try {
+            const base64 = await options.callGenerateAudio({
+                prompt: text,
+                voice: opts?.voice ?? options.defaultVoice ?? 'alloy',
+                model: opts?.model ?? options.defaultModel,
+                speed: opts?.speed,
+            })
+            const url = base64.startsWith('http') ? base64 : `data:audio/mp3;base64,${base64}`
+            setAudioUrl(url)
+
+            if (options.autoPlay !== false) {
+                stop()
+                const audio = new Audio(url)
+                currentAudio = audio
+                setIsSpeaking(true)
+                audio.onended = () => setIsSpeaking(false)
+                await audio.play()
+            }
+            return url
+        } catch (err) {
+            setError(err instanceof Error ? err.message : 'TTS failed')
+            throw err
+        } finally {
+            setIsGenerating(false)
+        }
+    }
+
+    function stop() {
+        currentAudio?.pause()
+        currentAudio = null
+        setIsSpeaking(false)
+    }
+
+    return { speak, stop, isGenerating, isSpeaking, error, audioUrl, clearError: () => setError(null) }
+}

package/packages/solidjs-css/src/primitives/createVideoGeneration.ts

@@ -0,0 +1,46 @@
+// @geenius-ai/solidjs — src/primitives/createVideoGeneration.ts
+
+import { createSignal } from 'solid-js'
+
+export interface GeneratedVideo {
+    url: string
+    prompt: string
+    model: string
+    timestamp: number
+}
+
+export interface CreateVideoGenerationOptions {
+    callGenerateVideo: (args: any) => Promise<string>
+    defaultModel?: string
+}
+
+export function createVideoGeneration(options: CreateVideoGenerationOptions) {
+    const [videos, setVideos] = createSignal<GeneratedVideo[]>([])
+    const [isGenerating, setIsGenerating] = createSignal(false)
+    const [error, setError] = createSignal<string | null>(null)
+
+    async function generate(prompt: string, opts?: {
+        model?: string; duration?: number; aspectRatio?: '16:9' | '9:16' | '1:1'
+        startImage?: string; endImage?: string
+    }) {
+        setIsGenerating(true)
+        setError(null)
+        try {
+            const model = opts?.model ?? options.defaultModel ?? 'minimax/video-01'
+            const result = await options.callGenerateVideo({ prompt, model, ...opts })
+            setVideos(prev => [{ url: result, prompt, model, timestamp: Date.now() }, ...prev])
+            return result
+        } catch (err) {
+            setError(err instanceof Error ? err.message : 'Video generation failed')
+            throw err
+        } finally {
+            setIsGenerating(false)
+        }
+    }
+
+    return {
+        generate, videos, isGenerating, error,
+        clearVideos: () => setVideos([]),
+        clearError: () => setError(null),
+    }
+}

package/packages/solidjs-css/src/primitives/index.ts

@@ -0,0 +1 @@
+export * from '@geenius-ai/solidjs'

package/packages/solidjs-css/src/styles.css

@@ -0,0 +1,127 @@
+/* @geenius-ai — styles.css (premium vanilla CSS for AI components)
+ * oklch colors, dark-mode-first, responsive, data-* targeted
+ */
+
+:root {
+  --gai-bg: oklch(0.13 0.02 260);
+  --gai-surface: oklch(0.18 0.02 260);
+  --gai-surface-hover: oklch(0.22 0.02 260);
+  --gai-text: oklch(0.94 0.01 260);
+  --gai-text-muted: oklch(0.62 0.02 260);
+  --gai-border: oklch(0.28 0.02 260);
+  --gai-primary: oklch(0.65 0.22 265);
+  --gai-primary-dim: oklch(0.65 0.22 265 / 0.12);
+  --gai-success: oklch(0.68 0.18 155);
+  --gai-error: oklch(0.62 0.2 25);
+  --gai-warning: oklch(0.7 0.18 80);
+  --gai-radius: 12px;
+  --gai-radius-sm: 8px;
+  --gai-font: system-ui, -apple-system, sans-serif;
+  --gai-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
+  --gai-transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+[data-theme="light"] {
+  --gai-bg: oklch(0.97 0.005 260);
+  --gai-surface: oklch(1 0 0);
+  --gai-surface-hover: oklch(0.96 0.005 260);
+  --gai-text: oklch(0.15 0.02 260);
+  --gai-text-muted: oklch(0.5 0.02 260);
+  --gai-border: oklch(0.88 0.01 260);
+}
+
+/* ─── Chat Window ───────────────────────────────── */
+[data-chat-window] {
+  display: flex; flex-direction: column; height: 100%;
+  font-family: var(--gai-font); color: var(--gai-text); background: var(--gai-bg);
+  border: 1px solid var(--gai-border); border-radius: var(--gai-radius);
+  overflow: hidden;
+}
+[data-chat-header] { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: var(--gai-surface); border-bottom: 1px solid var(--gai-border); }
+[data-chat-messages] { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }
+[data-chat-message] { max-width: 80%; padding: 0.75rem 1rem; border-radius: var(--gai-radius); font-size: 0.875rem; line-height: 1.5; }
+[data-chat-message][data-role="user"] { align-self: flex-end; background: var(--gai-primary); color: white; border-bottom-right-radius: 4px; }
+[data-chat-message][data-role="assistant"] { align-self: flex-start; background: var(--gai-surface); border: 1px solid var(--gai-border); border-bottom-left-radius: 4px; }
+[data-chat-input-form] { display: flex; gap: 0.5rem; padding: 0.75rem 1rem; border-top: 1px solid var(--gai-border); background: var(--gai-surface); }
+[data-chat-input] { flex: 1; padding: 0.625rem 1rem; border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); background: var(--gai-bg); color: var(--gai-text); font-size: 0.875rem; outline: none; transition: border-color var(--gai-transition); }
+[data-chat-input]:focus { border-color: var(--gai-primary); }
+[data-chat-send] { padding: 0.625rem 1.25rem; background: var(--gai-primary); color: white; border: none; border-radius: var(--gai-radius-sm); font-weight: 600; font-size: 0.8125rem; cursor: pointer; transition: opacity var(--gai-transition); }
+[data-chat-send]:hover { opacity: 0.85; }
+[data-chat-send]:disabled { opacity: 0.4; cursor: not-allowed; }
+[data-chat-typing] { font-size: 0.75rem; color: var(--gai-text-muted); font-style: italic; padding: 0.25rem 1rem; }
+
+/* ─── Model Selector ────────────────────────────── */
+[data-model-selector] { position: relative; }
+[data-model-selector-trigger] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); background: var(--gai-surface); color: var(--gai-text); font-size: 0.8125rem; cursor: pointer; transition: border-color var(--gai-transition); }
+[data-model-selector-trigger]:hover { border-color: var(--gai-primary); }
+[data-model-selector-dropdown] { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; background: var(--gai-surface); border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); box-shadow: 0 8px 24px oklch(0 0 0 / 0.2); z-index: 50; max-height: 240px; overflow-y: auto; }
+[data-model-option] { display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem 1rem; font-size: 0.8125rem; cursor: pointer; transition: background var(--gai-transition); }
+[data-model-option]:hover { background: var(--gai-surface-hover); }
+[data-model-option][data-selected] { color: var(--gai-primary); font-weight: 600; }
+
+/* ─── AI Log Table ──────────────────────────────── */
+[data-ai-log-table] { border: 1px solid var(--gai-border); border-radius: var(--gai-radius); overflow: hidden; }
+[data-ai-log-header] { display: grid; grid-template-columns: 1fr 1fr 0.6fr 0.6fr 0.4fr; gap: 0; padding: 0.5rem 1rem; background: var(--gai-surface); font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gai-text-muted); }
+[data-ai-log-row] { display: grid; grid-template-columns: 1fr 1fr 0.6fr 0.6fr 0.4fr; gap: 0; padding: 0.625rem 1rem; border-top: 1px solid oklch(0 0 0 / 0.04); font-size: 0.8125rem; transition: background var(--gai-transition); }
+[data-ai-log-row]:hover { background: var(--gai-surface-hover); }
+[data-ai-log-empty] { text-align: center; padding: 3rem 1rem; color: var(--gai-text-muted); }
+[data-ai-log-skeleton] { height: 2.5rem; background: var(--gai-surface); border-radius: var(--gai-radius-sm); animation: gai-pulse 1.5s infinite; margin-bottom: 0.25rem; }
+
+/* ─── Model Test Runner ─────────────────────────── */
+[data-model-test] { border: 1px solid var(--gai-border); border-radius: var(--gai-radius); overflow: hidden; }
+[data-model-test-header] { padding: 1rem; background: var(--gai-surface); border-bottom: 1px solid var(--gai-border); }
+[data-model-test-form] { display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; }
+[data-model-test-input] { padding: 0.625rem 1rem; border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); background: var(--gai-bg); color: var(--gai-text); font-size: 0.875rem; }
+[data-model-test-run] { align-self: flex-start; padding: 0.625rem 1.5rem; background: var(--gai-primary); color: white; border: none; border-radius: var(--gai-radius-sm); font-weight: 600; cursor: pointer; }
+[data-model-test-results] { padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
+[data-model-test-result] { padding: 0.75rem; border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); font-size: 0.8125rem; }
+[data-model-test-result][data-success="true"] { border-left: 3px solid var(--gai-success); }
+[data-model-test-result][data-success="false"] { border-left: 3px solid var(--gai-error); }
+
+/* ─── Generation Card ───────────────────────────── */
+[data-generation-card] { border: 1px solid var(--gai-border); border-radius: var(--gai-radius); overflow: hidden; transition: box-shadow var(--gai-transition); }
+[data-generation-card]:hover { box-shadow: 0 4px 16px oklch(0 0 0 / 0.12); }
+[data-generation-preview] { aspect-ratio: 16/9; background: var(--gai-surface); display: flex; align-items: center; justify-content: center; overflow: hidden; }
+[data-generation-preview] img { width: 100%; height: 100%; object-fit: cover; }
+[data-generation-meta] { padding: 0.75rem 1rem; }
+[data-generation-type] { font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gai-primary); }
+[data-generation-prompt] { font-size: 0.8125rem; margin-top: 0.25rem; color: var(--gai-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+[data-generation-actions] { display: flex; gap: 0.5rem; padding: 0.5rem 1rem; border-top: 1px solid var(--gai-border); }
+
+/* ─── Image Generator ───────────────────────────── */
+[data-image-generator] { border: 1px solid var(--gai-border); border-radius: var(--gai-radius); }
+[data-image-gen-form] { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }
+[data-image-gen-textarea] { padding: 0.75rem; border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); background: var(--gai-bg); color: var(--gai-text); font-size: 0.875rem; resize: vertical; min-height: 80px; font-family: var(--gai-font); }
+[data-image-gen-submit] { align-self: flex-start; padding: 0.625rem 1.5rem; background: var(--gai-primary); color: white; border: none; border-radius: var(--gai-radius-sm); font-weight: 600; cursor: pointer; }
+[data-image-gen-gallery] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.75rem; padding: 1rem; }
+
+/* ─── Voice Selector ────────────────────────────── */
+[data-voice-selector] { display: flex; flex-direction: column; gap: 0.5rem; }
+[data-voice-option] { display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 1rem; border: 1px solid var(--gai-border); border-radius: var(--gai-radius-sm); cursor: pointer; transition: all var(--gai-transition); }
+[data-voice-option]:hover { background: var(--gai-surface-hover); }
+[data-voice-option][data-selected] { border-color: var(--gai-primary); background: var(--gai-primary-dim); }
+[data-voice-name] { font-size: 0.875rem; font-weight: 600; }
+[data-voice-preview] { margin-left: auto; padding: 0.375rem 0.75rem; border: 1px solid var(--gai-border); border-radius: 6px; background: transparent; color: var(--gai-text); font-size: 0.75rem; cursor: pointer; }
+
+/* ─── Shared ─────────────────────────────────────── */
+[data-ai-empty] { text-align: center; padding: 3rem 1rem; color: var(--gai-text-muted); }
+[data-ai-empty-icon] { font-size: 2.5rem; margin-bottom: 0.5rem; }
+[data-ai-error] { padding: 1rem; border: 1px solid var(--gai-error); border-radius: var(--gai-radius-sm); background: oklch(0.62 0.2 25 / 0.08); color: var(--gai-error); font-size: 0.875rem; }
+[data-ai-loading] { display: flex; align-items: center; justify-content: center; padding: 2rem; color: var(--gai-text-muted); }
+[data-ai-badge] { display: inline-flex; padding: 0.125rem 0.5rem; border-radius: 999px; font-size: 0.625rem; font-weight: 700; }
+[data-ai-badge][data-variant="success"] { background: oklch(0.68 0.18 155 / 0.12); color: var(--gai-success); }
+[data-ai-badge][data-variant="error"] { background: oklch(0.62 0.2 25 / 0.12); color: var(--gai-error); }
+[data-ai-badge][data-variant="info"] { background: var(--gai-primary-dim); color: var(--gai-primary); }
+
+/* ─── Pages ──────────────────────────────────────── */
+[data-ai-page] { display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem; max-width: 1200px; margin: 0 auto; }
+[data-ai-page-header] h1 { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; }
+[data-ai-page-header] p { font-size: 0.875rem; color: var(--gai-text-muted); margin-top: 0.25rem; }
+
+@keyframes gai-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+
+@media (max-width: 768px) {
+  [data-ai-log-header], [data-ai-log-row] { grid-template-columns: 1fr 1fr 0.5fr; }
+  [data-chat-message] { max-width: 90%; }
+  [data-image-gen-gallery] { grid-template-columns: 1fr; }
+}

package/packages/solidjs-css/tsconfig.json

@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "jsx": "preserve",
+        "jsxImportSource": "solid-js"
+    },
+    "include": [
+        "src"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist"
+    ]
+}

package/packages/solidjs-css/tsup.config.ts

@@ -0,0 +1,2 @@
+import { defineConfig } from 'tsup'
+export default defineConfig({ entry: ['src/index.ts'], format: ['cjs', 'esm'], dts: true, clean: true, sourcemap: true, external: ['solid-js'] })

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - 'packages/*'