init: arcadia-admin — admin webapp for arcadia-core, cloned from vibespace
Initial commit. Spun up via the docs/STARTER.md recipe: cp from vibespace, reset git, rename package, set brand to "Arcadia Admin" with Shield icon in app/lib/identity.ts. Inherits the full Crema sibling-lib wiring including @crema/arcadia-client (typed HTTP + Phoenix Channels realtime against arcadia-core) and @crema/arcadia-auth-ui (login/signup/password-reset/2FA forms). The /login route already renders <LoginForm>; <ArcadiaProvider> in app/root.tsx reads VITE_ARCADIA_URL (default localhost:4000) and VITE_ARCADIA_TENANT (default "default"). CLAUDE.md and README rewritten to frame this as the admin app for arcadia-core. docs/STARTER.md removed — arcadia-admin is a leaf consumer, not a downstream starter. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
99
app/lib/llm-settings.ts
Normal file
99
app/lib/llm-settings.ts
Normal file
@@ -0,0 +1,99 @@
|
||||
// Persisted LLM settings — base URL, context budget, response cap.
|
||||
// Reactive across tabs (storage event) and within the same tab (custom event).
|
||||
|
||||
import { useEffect, useSyncExternalStore } from "react"
|
||||
|
||||
export type LLMSettings = {
|
||||
baseURL: string
|
||||
contextTokens: number
|
||||
responseBudget: number
|
||||
systemPrompt: string
|
||||
}
|
||||
|
||||
export const DEFAULT_SYSTEM_PROMPT =
|
||||
"You are a helpful general-purpose assistant embedded in an app. Handle any request the user makes — writing, brainstorming, code, analysis, casual chat — at the length the task deserves. Use markdown when it helps. You can also drive the UI when the user toggles UI Control on."
|
||||
|
||||
export const DEFAULT_SETTINGS: LLMSettings = {
|
||||
baseURL: "http://localhost:1234/v1",
|
||||
contextTokens: 9000,
|
||||
responseBudget: 512,
|
||||
systemPrompt: DEFAULT_SYSTEM_PROMPT,
|
||||
}
|
||||
|
||||
const STORAGE_KEY = "crema.llm.settings"
|
||||
const CHANGE_EVENT = "comfy:llm-settings-change"
|
||||
|
||||
function readFromStorage(): LLMSettings {
|
||||
if (typeof window === "undefined") return DEFAULT_SETTINGS
|
||||
try {
|
||||
const raw = localStorage.getItem(STORAGE_KEY)
|
||||
if (!raw) return DEFAULT_SETTINGS
|
||||
const parsed = JSON.parse(raw) as Partial<LLMSettings>
|
||||
return {
|
||||
baseURL: typeof parsed.baseURL === "string" ? parsed.baseURL : DEFAULT_SETTINGS.baseURL,
|
||||
contextTokens:
|
||||
Number.isFinite(parsed.contextTokens) && (parsed.contextTokens as number) > 0
|
||||
? (parsed.contextTokens as number)
|
||||
: DEFAULT_SETTINGS.contextTokens,
|
||||
responseBudget:
|
||||
Number.isFinite(parsed.responseBudget) && (parsed.responseBudget as number) > 0
|
||||
? (parsed.responseBudget as number)
|
||||
: DEFAULT_SETTINGS.responseBudget,
|
||||
systemPrompt:
|
||||
typeof parsed.systemPrompt === "string" && parsed.systemPrompt.trim().length > 0
|
||||
? parsed.systemPrompt
|
||||
: DEFAULT_SETTINGS.systemPrompt,
|
||||
}
|
||||
} catch {
|
||||
return DEFAULT_SETTINGS
|
||||
}
|
||||
}
|
||||
|
||||
export function loadLLMSettings(): LLMSettings {
|
||||
return readFromStorage()
|
||||
}
|
||||
|
||||
export function saveLLMSettings(next: LLMSettings) {
|
||||
if (typeof window === "undefined") return
|
||||
localStorage.setItem(STORAGE_KEY, JSON.stringify(next))
|
||||
window.dispatchEvent(new CustomEvent(CHANGE_EVENT))
|
||||
}
|
||||
|
||||
export function resetLLMSettings() {
|
||||
saveLLMSettings(DEFAULT_SETTINGS)
|
||||
}
|
||||
|
||||
let cached: LLMSettings | null = null
|
||||
|
||||
function subscribe(cb: () => void): () => void {
|
||||
const onChange = () => {
|
||||
cached = null
|
||||
cb()
|
||||
}
|
||||
window.addEventListener(CHANGE_EVENT, onChange)
|
||||
window.addEventListener("storage", (e) => {
|
||||
if (e.key === STORAGE_KEY) onChange()
|
||||
})
|
||||
return () => {
|
||||
window.removeEventListener(CHANGE_EVENT, onChange)
|
||||
}
|
||||
}
|
||||
|
||||
function getSnapshot(): LLMSettings {
|
||||
if (!cached) cached = readFromStorage()
|
||||
return cached
|
||||
}
|
||||
|
||||
function getServerSnapshot(): LLMSettings {
|
||||
return DEFAULT_SETTINGS
|
||||
}
|
||||
|
||||
export function useLLMSettings(): LLMSettings {
|
||||
// useSyncExternalStore avoids hydration flicker and stays reactive.
|
||||
const value = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
|
||||
// Re-read after mount to pick up localStorage on first client render.
|
||||
useEffect(() => {
|
||||
cached = null
|
||||
}, [])
|
||||
return value
|
||||
}
|
||||
Reference in New Issue
Block a user