plotlink-ows 0.1.15 → 0.1.18

package/app/web/components/LLMSetup.tsx

@@ -1,291 +0,0 @@
-import React, { useState, useEffect } from "react";
-
-const API_BASE = "http://localhost:7777";
-
-interface Provider {
-  id: string;
-  name: string;
-  envKey: string | null;
-  models: string[];
-  tag: string | null;
-  configured: boolean;
-}
-
-type Step = "provider" | "auth" | "model" | "test" | "done";
-
-export function LLMSetup({ token, onComplete }: { token: string; onComplete: () => void }) {
-  const [step, setStep] = useState<Step>("provider");
-  const [providers, setProviders] = useState<Provider[]>([]);
-  const [selected, setSelected] = useState<string>("");
-  const [model, setModel] = useState<string>("");
-  const [apiKey, setApiKey] = useState<string>("");
-  const [baseUrl, setBaseUrl] = useState<string>("http://localhost:11434");
-  const [testing, setTesting] = useState(false);
-  const [testResult, setTestResult] = useState<{ success: boolean; message: string } | null>(null);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const authFetch = (url: string, opts?: RequestInit) =>
-    fetch(url, { ...opts, headers: { ...opts?.headers, Authorization: `Bearer ${token}`, "Content-Type": "application/json" } });
-
-  useEffect(() => {
-    authFetch(`${API_BASE}/api/config/llm/providers`)
-      .then((r) => r.json())
-      .then((data) => setProviders(data));
-  }, []);
-
-  const selectedProvider = providers.find((p) => p.id === selected);
-
-  const handleTest = async () => {
-    setTesting(true);
-    setTestResult(null);
-    try {
-      const res = await authFetch(`${API_BASE}/api/config/llm/test`, {
-        method: "POST",
-        body: JSON.stringify({ provider: selected, model, apiKey: apiKey || undefined, baseUrl: selected === "local" ? baseUrl : undefined }),
-      });
-      const data = await res.json();
-      setTestResult(data);
-    } catch {
-      setTestResult({ success: false, message: "Connection failed" });
-    }
-    setTesting(false);
-  };
-
-  const handleSave = async () => {
-    setSaving(true);
-    setError(null);
-    try {
-      const res = await authFetch(`${API_BASE}/api/config/llm`, {
-        method: "POST",
-        body: JSON.stringify({ provider: selected, model, apiKey: apiKey || undefined, baseUrl: selected === "local" ? baseUrl : undefined }),
-      });
-      const data = await res.json();
-      if (!res.ok) throw new Error(data.error || "Save failed");
-      setStep("done");
-    } catch (err: unknown) {
-      setError(err instanceof Error ? err.message : "Save failed");
-    }
-    setSaving(false);
-  };
-
-  return (
-    <div className="mx-auto max-w-lg p-6">
-      <h2 className="text-accent mb-1 text-lg font-bold">LLM Setup</h2>
-      <p className="text-muted mb-6 text-xs">connect your AI provider to power the writer agent</p>
-
-      {/* Step indicator */}
-      <div className="text-muted mb-6 flex gap-2 text-[10px] uppercase tracking-wider">
-        {(["provider", "auth", "model", "test", "done"] as Step[]).map((s) => (
-          <span key={s} className={step === s ? "text-accent" : ""}>{s}</span>
-        ))}
-      </div>
-
-      {/* Provider selection */}
-      {step === "provider" && (
-        <div className="space-y-3">
-          {providers.map((p) => (
-            <button
-              key={p.id}
-              onClick={() => { setSelected(p.id); setModel(p.models[0] || ""); setStep(p.id === "local" ? "auth" : "auth"); }}
-              className={`border-border hover:border-accent w-full rounded border p-3 text-left transition-colors ${selected === p.id ? "border-accent" : ""}`}
-            >
-              <div className="flex items-center justify-between">
-                <span className="text-foreground text-sm font-medium">{p.name}</span>
-                <span className="flex gap-1.5">
-                  {p.tag && <span className="text-accent border-accent/30 rounded border px-1.5 py-0.5 text-[9px]">{p.tag}</span>}
-                  {p.configured && <span className="rounded border border-green-700/30 px-1.5 py-0.5 text-[9px] text-accent">configured</span>}
-                </span>
-              </div>
-            </button>
-          ))}
-        </div>
-      )}
-
-      {/* Auth step */}
-      {step === "auth" && selectedProvider && (
-        <div className="space-y-4">
-          <button onClick={() => setStep("provider")} className="text-muted hover:text-foreground text-xs">&larr; back</button>
-          <h3 className="text-foreground text-sm font-medium">{selectedProvider.name}</h3>
-
-          {selected === "local" ? (
-            <div className="space-y-3">
-              <div>
-                <label className="text-muted mb-1.5 block text-xs uppercase tracking-wider">Base URL</label>
-                <input
-                  type="text"
-                  value={baseUrl}
-                  onChange={(e) => setBaseUrl(e.target.value)}
-                  placeholder="http://localhost:11434"
-                  className="bg-surface border-border text-foreground w-full rounded border px-3 py-2 text-sm outline-none focus:border-accent"
-                />
-              </div>
-              <div>
-                <label className="text-muted mb-1.5 block text-xs uppercase tracking-wider">Model Name</label>
-                <input
-                  type="text"
-                  value={model}
-                  onChange={(e) => setModel(e.target.value)}
-                  placeholder="llama3.2"
-                  className="bg-surface border-border text-foreground w-full rounded border px-3 py-2 text-sm outline-none focus:border-accent"
-                />
-              </div>
-            </div>
-          ) : (
-            <div className="space-y-4">
-              {/* OAuth option */}
-              {(selected === "anthropic" || selected === "openai") && (
-                <div>
-                  <button
-                    onClick={async () => {
-                      try {
-                        const res = await authFetch(`${API_BASE}/api/oauth/${selected}/start`);
-                        const data = await res.json();
-                        if (data.authUrl) {
-                          window.open(data.authUrl, "oauth", "width=600,height=700");
-                          // Poll for completion
-                          const poll = setInterval(async () => {
-                            const status = await authFetch(`${API_BASE}/api/oauth/${selected}/status`).then((r) => r.json());
-                            if (status.complete) {
-                              clearInterval(poll);
-                              setStep("model");
-                            }
-                          }, 1500);
-                          setTimeout(() => clearInterval(poll), 120000);
-                        }
-                      } catch { /* ignore */ }
-                    }}
-                    className="border-accent text-accent hover:bg-accent/10 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-                  >
-                    connect with OAuth (recommended)
-                  </button>
-                  <div className="text-muted my-3 flex items-center gap-2 text-[10px]">
-                    <div className="border-border flex-1 border-t" />
-                    <span>or use API key</span>
-                    <div className="border-border flex-1 border-t" />
-                  </div>
-                </div>
-              )}
-
-              {/* API key input */}
-              <div>
-                <label className="text-muted mb-1.5 block text-xs uppercase tracking-wider">API Key</label>
-                <input
-                  type="password"
-                  value={apiKey}
-                  onChange={(e) => setApiKey(e.target.value)}
-                  placeholder={`paste your ${selectedProvider.name} API key`}
-                  className="bg-surface border-border text-foreground w-full rounded border px-3 py-2 text-sm outline-none focus:border-accent"
-                />
-                {selectedProvider.configured && (
-                  <p className="text-muted mt-1.5 text-[10px]">key already saved — leave blank to keep current</p>
-                )}
-              </div>
-            </div>
-          )}
-
-          <button
-            onClick={() => setStep("model")}
-            disabled={selected === "local" ? !model.trim() : (!apiKey.trim() && !selectedProvider.configured)}
-            className="border-accent text-accent hover:bg-accent/10 disabled:opacity-40 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-          >
-            next
-          </button>
-        </div>
-      )}
-
-      {/* Model selection */}
-      {step === "model" && selectedProvider && (
-        <div className="space-y-4">
-          <button onClick={() => setStep("auth")} className="text-muted hover:text-foreground text-xs">&larr; back</button>
-          <h3 className="text-foreground text-sm font-medium">Select Model</h3>
-
-          {selected === "local" ? (
-            <p className="text-muted text-xs">Using: <span className="text-foreground font-medium">{model}</span></p>
-          ) : (
-            <div className="space-y-2">
-              {selectedProvider.models.map((m) => (
-                <button
-                  key={m}
-                  onClick={() => setModel(m)}
-                  className={`border-border w-full rounded border px-3 py-2 text-left text-sm transition-colors ${model === m ? "border-accent text-accent" : "text-foreground hover:border-accent/50"}`}
-                >
-                  {m}
-                </button>
-              ))}
-            </div>
-          )}
-
-          <button
-            onClick={() => setStep("test")}
-            disabled={!model}
-            className="border-accent text-accent hover:bg-accent/10 disabled:opacity-40 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-          >
-            test connection
-          </button>
-        </div>
-      )}
-
-      {/* Test step */}
-      {step === "test" && (
-        <div className="space-y-4">
-          <button onClick={() => setStep("model")} className="text-muted hover:text-foreground text-xs">&larr; back</button>
-          <h3 className="text-foreground text-sm font-medium">Test Connection</h3>
-          <p className="text-muted text-xs">{selectedProvider?.name} / {model}</p>
-
-          {!testResult && (
-            <button
-              onClick={handleTest}
-              disabled={testing}
-              className="border-accent text-accent hover:bg-accent/10 disabled:opacity-40 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-            >
-              {testing ? "testing..." : "run test"}
-            </button>
-          )}
-
-          {testResult && (
-            <div className={`rounded border p-3 text-xs ${testResult.success ? "border-accent/30 text-accent" : "border-error/30 text-error"}`}>
-              {testResult.success ? "connected" : "failed"}: {testResult.message}
-            </div>
-          )}
-
-          {testResult?.success && (
-            <button
-              onClick={handleSave}
-              disabled={saving}
-              className="border-accent text-accent hover:bg-accent/10 disabled:opacity-40 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-            >
-              {saving ? "saving..." : "save & continue"}
-            </button>
-          )}
-
-          {testResult && !testResult.success && (
-            <button
-              onClick={() => { setTestResult(null); setStep("auth"); }}
-              className="text-muted hover:text-foreground w-full py-2 text-xs transition-colors"
-            >
-              go back and fix
-            </button>
-          )}
-
-          {error && <p className="text-error text-xs">{error}</p>}
-        </div>
-      )}
-
-      {/* Done */}
-      {step === "done" && (
-        <div className="space-y-4 text-center">
-          <div className="text-accent text-2xl">&#x2713;</div>
-          <p className="text-foreground text-sm font-medium">LLM configured</p>
-          <p className="text-muted text-xs">{selectedProvider?.name} / {model}</p>
-          <button
-            onClick={onComplete}
-            className="border-accent text-accent hover:bg-accent/10 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-          >
-            continue to wallet setup
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}

package/app/web/components/Publish.tsx

@@ -1,245 +0,0 @@
-import React, { useState, useEffect } from "react";
-import Markdown from "react-markdown";
-
-const API_BASE = "http://localhost:7777";
-
-interface Draft {
-  id: string;
-  title: string;
-  content: string;
-  genre: string | null;
-  status: string;
-  createdAt: string;
-}
-
-interface Preflight {
-  ready: boolean;
-  address?: string;
-  ethBalance?: string;
-  creationFee?: string;
-  requiredBalance?: string;
-  hasEnoughEth?: boolean;
-  hasFilebase?: boolean;
-  error?: string | null;
-}
-
-interface PublishProgress {
-  step: string;
-  message: string;
-  txHash?: string;
-  contentCid?: string;
-  error?: string;
-}
-
-export function Publish({ token }: { token: string }) {
-  const [drafts, setDrafts] = useState<Draft[]>([]);
-  const [selected, setSelected] = useState<Draft | null>(null);
-  const [preflight, setPreflight] = useState<Preflight | null>(null);
-  const [publishing, setPublishing] = useState(false);
-  const [progress, setProgress] = useState<PublishProgress | null>(null);
-
-  const authFetch = (url: string, opts?: RequestInit) =>
-    fetch(url, { ...opts, headers: { ...opts?.headers, Authorization: `Bearer ${token}`, "Content-Type": "application/json" } });
-
-  useEffect(() => {
-    authFetch(`${API_BASE}/api/chat/drafts`)
-      .then((r) => r.json())
-      .then((data) => setDrafts(data.filter((d: Draft) => d.status !== "published")));
-  }, []);
-
-  const checkPreflight = async () => {
-    const res = await authFetch(`${API_BASE}/api/publish/preflight`);
-    const data = await res.json();
-    setPreflight(data);
-  };
-
-  const handlePublish = async (draft: Draft) => {
-    setPublishing(true);
-    setProgress(null);
-
-    try {
-      const res = await fetch(`${API_BASE}/api/publish/${draft.id}`, {
-        method: "POST",
-        headers: { Authorization: `Bearer ${token}` },
-      });
-
-      const reader = res.body?.getReader();
-      if (!reader) throw new Error("No stream");
-      const decoder = new TextDecoder();
-      let buffer = "";
-
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) break;
-        buffer += decoder.decode(value, { stream: true });
-        const lines = buffer.split("\n");
-        buffer = lines.pop() || "";
-
-        for (const line of lines) {
-          if (line.startsWith("data: ")) {
-            try {
-              const parsed = JSON.parse(line.slice(6));
-              setProgress(parsed);
-            } catch { /* ignore */ }
-          }
-        }
-      }
-
-      // Refresh drafts list
-      const draftsRes = await authFetch(`${API_BASE}/api/chat/drafts`);
-      const draftsData = await draftsRes.json();
-      setDrafts(draftsData.filter((d: Draft) => d.status !== "published"));
-    } catch (err: unknown) {
-      setProgress({ step: "error", message: err instanceof Error ? err.message : "Publish failed" });
-    }
-
-    setPublishing(false);
-  };
-
-  const formatEth = (wei: string) => {
-    const eth = Number(BigInt(wei)) / 1e18;
-    return eth.toFixed(6);
-  };
-
-  return (
-    <div className="mx-auto max-w-2xl space-y-6 p-6">
-      <h2 className="text-accent text-lg font-bold">Publish to PlotLink</h2>
-      <p className="text-muted text-xs">sign and broadcast your story on-chain via OWS wallet</p>
-
-      {/* Preflight check */}
-      {!preflight && (
-        <button
-          onClick={checkPreflight}
-          className="border-accent text-accent hover:bg-accent/10 rounded border px-4 py-2 text-sm font-medium transition-colors"
-        >
-          check publishing readiness
-        </button>
-      )}
-
-      {preflight && (
-        <div className="border-border rounded border p-4 space-y-2">
-          <h3 className="text-accent text-xs font-bold uppercase tracking-wider">Preflight</h3>
-          <div className="flex justify-between text-xs">
-            <span className="text-muted">Wallet</span>
-            <span className="text-foreground font-mono text-[10px]">{preflight.address?.slice(0, 10)}...</span>
-          </div>
-          <div className="flex justify-between text-xs">
-            <span className="text-muted">ETH Balance</span>
-            <span className={preflight.hasEnoughEth ? "text-accent" : "text-error"}>{preflight.ethBalance ? formatEth(preflight.ethBalance) : "0"} ETH</span>
-          </div>
-          {preflight.creationFee && BigInt(preflight.creationFee) > 0n && (
-            <div className="flex justify-between text-xs">
-              <span className="text-muted">Creation Fee</span>
-              <span className="text-foreground">{formatEth(preflight.creationFee)} ETH</span>
-            </div>
-          )}
-          {preflight.requiredBalance && (
-            <div className="flex justify-between text-xs">
-              <span className="text-muted">Required (fee + gas)</span>
-              <span className="text-foreground">~{formatEth(preflight.requiredBalance)} ETH</span>
-            </div>
-          )}
-          <div className="flex justify-between text-xs">
-            <span className="text-muted">Filebase (IPFS)</span>
-            <span className={preflight.hasFilebase ? "text-accent" : "text-error"}>{preflight.hasFilebase ? "configured" : "missing"}</span>
-          </div>
-          {preflight.error && <p className="text-error text-xs">{preflight.error}</p>}
-        </div>
-      )}
-
-      {/* Draft list */}
-      {drafts.length === 0 && (
-        <p className="text-muted text-xs">no drafts ready for publishing — finalize a story from the chat first</p>
-      )}
-
-      {drafts.map((draft) => (
-        <div key={draft.id} className="border-border rounded border p-4 space-y-3">
-          <div className="flex items-center justify-between">
-            <h3 className="text-foreground text-sm font-medium">{draft.title}</h3>
-            <span className="text-accent text-[10px]">{draft.genre}</span>
-          </div>
-
-          {selected?.id === draft.id ? (
-            <div className="space-y-3">
-              {/* Full preview */}
-              <div className="bg-surface max-h-80 overflow-y-auto rounded p-3">
-                <div className="prose prose-xs max-w-none text-xs leading-relaxed">
-                  <Markdown>{draft.content}</Markdown>
-                </div>
-              </div>
-
-              {/* Publish button */}
-              {preflight?.ready && !publishing && (
-                <div className="space-y-2">
-                  <p className="text-muted text-[10px]">
-                    This will upload to IPFS and publish on-chain to Base via your OWS wallet.
-                  </p>
-                  <button
-                    onClick={() => handlePublish(draft)}
-                    className="border-accent text-accent hover:bg-accent/10 w-full rounded border px-4 py-2 text-sm font-medium transition-colors"
-                  >
-                    publish to PlotLink
-                  </button>
-                </div>
-              )}
-
-              {!preflight?.ready && (
-                <p className="text-error text-xs">publishing not ready — check preflight above</p>
-              )}
-
-              <button onClick={() => setSelected(null)} className="text-muted hover:text-foreground text-xs">
-                collapse
-              </button>
-            </div>
-          ) : (
-            <div className="flex items-center justify-between">
-              <p className="text-muted text-xs truncate max-w-[60%]">{draft.content.slice(0, 100)}...</p>
-              <button
-                onClick={() => { setSelected(draft); if (!preflight) checkPreflight(); }}
-                className="border-border text-muted hover:border-accent hover:text-accent rounded border px-3 py-1 text-[10px] font-medium transition-colors"
-              >
-                preview &amp; publish
-              </button>
-            </div>
-          )}
-        </div>
-      ))}
-
-      {/* Progress */}
-      {progress && (
-        <div className={`rounded border p-4 space-y-2 ${progress.step === "error" ? "border-red-700/30" : progress.step === "done" ? "border-green-700/30" : "border-accent/30"}`}>
-          <div className="flex items-center gap-2">
-            {progress.step !== "done" && progress.step !== "error" && (
-              <span className="text-accent animate-pulse text-xs">&#x25CF;</span>
-            )}
-            <span className={`text-xs font-medium ${progress.step === "error" ? "text-red-700" : progress.step === "done" ? "text-accent" : "text-accent"}`}>
-              {progress.message}
-            </span>
-          </div>
-          {progress.txHash && (
-            <div className="text-xs">
-              <span className="text-muted">tx: </span>
-              <a href={`https://basescan.org/tx/${progress.txHash}`} target="_blank" rel="noopener noreferrer" className="text-accent font-mono text-[10px] underline">
-                {progress.txHash.slice(0, 14)}...
-              </a>
-            </div>
-          )}
-          {progress.contentCid && (
-            <div className="text-xs">
-              <span className="text-muted">IPFS: </span>
-              <span className="text-foreground font-mono text-[10px]">{progress.contentCid}</span>
-            </div>
-          )}
-          {progress.storylineId && (
-            <div className="text-xs">
-              <span className="text-muted">story: </span>
-              <a href={`https://plotlink.xyz/story/${progress.storylineId}`} target="_blank" rel="noopener noreferrer" className="text-accent underline">
-                plotlink.xyz/story/{progress.storylineId}
-              </a>
-            </div>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}

package/app/web/dist/assets/index-C9kXlYO_.css

@@ -1,2 +0,0 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent;font-family:Geist Mono,ui-monospace,monospace;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.h-screen{height:100vh}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.bg-surface{background-color:var(--bg-surface)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-accent{color:var(--accent)}.text-error{color:var(--error)}.text-foreground{color:var(--text)}.text-muted{color:var(--text-muted)}.uppercase{text-transform:uppercase}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-muted\/50::placeholder{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-muted\/50::placeholder{color:color-mix(in oklab, var(--text-muted) 50%, transparent)}}@media (hover:hover){.hover\:bg-accent\/10:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/10:hover{background-color:color-mix(in oklab, var(--accent) 10%, transparent)}}.hover\:text-foreground:hover{color:var(--text)}}.focus\:border-accent:focus{border-color:var(--accent)}.disabled\:opacity-40:disabled{opacity:.4}}:root{--bg:#0a0a0a;--bg-surface:#141414;--text:#e0e0e0;--text-muted:#666;--accent:#0f8;--accent-dim:#00cc6a;--border:#2a2a2a;--error:#f44}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist Mono,ui-monospace,monospace}::selection{background:var(--accent);color:var(--bg)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}