ltcai 7.9.0 → 8.1.0

package/frontend/src/components/onboarding/LoginScreen.tsx

@@ -1,131 +0,0 @@
-import * as React from "react";
-import { latticeApi } from "@/api/client";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { t } from "@/i18n";
-import { useAppStore } from "@/store/appStore";
-
-const FLOW_USER_KEY = "lattice.productFlow.user";
-
-function readSavedFlowUser(): { email?: string; name?: string } | null {
-  try {
-    const raw = localStorage.getItem(FLOW_USER_KEY);
-    return raw ? JSON.parse(raw) : null;
-  } catch {}
-  return null;
-}
-
-export function LoginScreen({ onSuccess }: { onSuccess: () => void }) {
-  const language = useAppStore((state) => state.language);
-  const [email, setEmail] = React.useState(() => {
-    return readSavedFlowUser()?.email || "you@local";
-  });
-  const [password, setPassword] = React.useState("");
-  const [name, setName] = React.useState(() => readSavedFlowUser()?.name || "You");
-  const [busy, setBusy] = React.useState(false);
-  const [error, setError] = React.useState<string | null>(null);
-
-  async function submit(event: React.FormEvent) {
-    event.preventDefault();
-    const cleanEmail = email.trim();
-    const cleanPassword = password.trim();
-    const cleanName = name.trim() || cleanEmail.split("@")[0] || "You";
-    if (!cleanEmail || !cleanPassword) {
-      setError(t(language, "flow.login.missing"));
-      return;
-    }
-    setBusy(true);
-    setError(null);
-    const savedUser = readSavedFlowUser();
-    let result = await latticeApi.login(cleanEmail, cleanPassword);
-    if (!result.ok) {
-      const profile = await latticeApi.profile();
-      if (profile.ok && (!savedUser?.email || savedUser.email === cleanEmail)) {
-        try { localStorage.setItem(FLOW_USER_KEY, JSON.stringify({ email: cleanEmail, name: cleanName })); } catch {}
-        setBusy(false);
-        onSuccess();
-        return;
-      }
-      if (savedUser?.email && savedUser.email !== cleanEmail) {
-        setBusy(false);
-        setError(t(language, "flow.login.otherEmail"));
-        return;
-      }
-      if (savedUser?.email === cleanEmail) {
-        setBusy(false);
-        setError(t(language, "flow.login.wrongPassword"));
-        return;
-      }
-      const registered = await latticeApi.register({
-        email: cleanEmail,
-        password: cleanPassword,
-        name: cleanName,
-        nickname: cleanName,
-      });
-      if (registered.ok) result = await latticeApi.login(cleanEmail, cleanPassword);
-    }
-    if (!result.ok) {
-      setBusy(false);
-      setError(t(language, "flow.login.unavailable"));
-      return;
-    }
-    try { localStorage.setItem(FLOW_USER_KEY, JSON.stringify({ email: cleanEmail, name: cleanName })); } catch {}
-    setBusy(false);
-    onSuccess();
-  }
-
-  return (
-    <div>
-      <div className="ritual-title">{t(language, "flow.login.title")}</div>
-      <div className="ritual-subtitle">{t(language, "flow.login.body")}</div>
-
-      <ProductPromise />
-
-      <form onSubmit={submit} className="ritual-card ritual-form">
-        <div className="ritual-field-stack">
-          <div>
-            <div className="ritual-field-label">{t(language, "flow.name")}</div>
-            <Input value={name} onChange={(e) => setName(e.target.value)} placeholder={t(language, "flow.name.placeholder")} />
-          </div>
-          <div>
-            <div className="ritual-field-label">{t(language, "flow.email")}</div>
-            <Input value={email} onChange={(e) => setEmail(e.target.value)} type="email" placeholder={t(language, "flow.email.placeholder")} />
-          </div>
-          <div>
-            <div className="ritual-field-label">{t(language, "flow.password")}</div>
-            <Input value={password} onChange={(e) => setPassword(e.target.value)} type="password" placeholder={t(language, "flow.password.placeholder")} />
-          </div>
-        </div>
-
-        {error && <div className="ritual-error" role="alert">{error}</div>}
-
-        <Button type="submit" disabled={busy || !email.trim() || !password.trim()} className="ritual-full-button">
-          {busy ? t(language, "flow.login.busy") : t(language, "flow.login.submit")}
-        </Button>
-        <div className="ritual-note">
-          {t(language, "flow.login.note")}
-        </div>
-      </form>
-    </div>
-  );
-}
-
-function ProductPromise() {
-  const language = useAppStore((state) => state.language);
-  return (
-    <div className="ritual-promise" aria-label={t(language, "flow.promise.aria")}>
-      <div>
-        <span>{t(language, "flow.promise.memory.k")}</span>
-        <strong>{t(language, "flow.promise.memory.v")}</strong>
-      </div>
-      <div>
-        <span>{t(language, "flow.promise.model.k")}</span>
-        <strong>{t(language, "flow.promise.model.v")}</strong>
-      </div>
-      <div>
-        <span>{t(language, "flow.promise.ownership.k")}</span>
-        <strong>{t(language, "flow.promise.ownership.v")}</strong>
-      </div>
-    </div>
-  );
-}

package/frontend/src/components/onboarding/ProductFlowScreens.tsx

@@ -1,13 +0,0 @@
-export { AnalysisScreen } from "./AnalysisScreen";
-export { DownloadConsentPanel } from "./DownloadConsentPanel";
-export { InstallScreen } from "./InstallScreen";
-export { LanguageChooser } from "./LanguageChooser";
-export { LoginScreen } from "./LoginScreen";
-export { RecommendationScreen } from "./RecommendationScreen";
-export {
-  buildRecommendations,
-  fallbackModel,
-  type FlowAnalysis,
-  type FlowStep,
-  type RecommendedModel,
-} from "./recommendationModel";

package/frontend/src/components/onboarding/RecommendationScreen.tsx

@@ -1,116 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { t, type Language } from "@/i18n";
-import { useAppStore } from "@/store/appStore";
-import { fallbackModel, type RecommendedModel } from "./recommendationModel";
-import { ArrowRight, Gauge, Star, Zap } from "lucide-react";
-
-export function RecommendationScreen({
-  recommendations,
-  onBack,
-  onSkipModel,
-  onSelect,
-}: {
-  recommendations: RecommendedModel[];
-  onBack: () => void;
-  onSkipModel: () => void;
-  onSelect: (model: RecommendedModel) => void;
-}) {
-  const language = useAppStore((state) => state.language);
-  const items = recommendations.length ? recommendations : [fallbackModel()];
-  return (
-    <div>
-      <div className="ritual-title">{t(language, "flow.recommend.title")}</div>
-      <div className="ritual-subtitle">{t(language, "flow.recommend.body")}</div>
-
-      <div className="ritual-model-list">
-        {items[0]?.supported ? (
-          <div className="ritual-primary-cta">
-            <Button onClick={() => onSelect(items[0])} className="ritual-primary-model-button">
-              {t(language, "flow.recommend.primary")} <ArrowRight size={16} />
-            </Button>
-            <div className="ritual-time-estimate ritual-primary-note">{primaryNote(items[0], language)}</div>
-            <div className="ritual-muted-hint ritual-next-hint">{t(language, "flow.recommend.nextHint")}</div>
-          </div>
-        ) : null}
-        {items.slice(0, 3).map((model, index) => {
-          const Icon = model.role === "best" ? Star : model.role === "faster" ? Zap : Gauge;
-          return (
-            <button
-              key={`${model.role}-${model.id}`}
-              className="ritual-model-card"
-              onClick={() => model.supported && onSelect(model)}
-              disabled={!model.supported}
-            >
-              <div className="ritual-model-heading">
-                <Icon size={16} />
-                <div className="role">{rankLabel(model.role, index, language)}</div>
-              </div>
-              <div className="name">{model.shortName}</div>
-              <div className="reason">
-                {model.reason} · {model.size || t(language, "flow.recommend.sizeReady")}
-                {comparisonLabel(model.role, language) ? (
-                  <span className="ritual-model-comparison"> {comparisonLabel(model.role, language)}</span>
-                ) : null}
-              </div>
-              <div className="ritual-model-stats">
-                <span className="ritual-time-estimate">{timeEstimate(model, language)}</span>
-              </div>
-              {model.supported ? (
-                <span className="ritual-model-choose">{t(language, "flow.recommend.choose")} <ArrowRight size={14} /></span>
-              ) : (
-                <div className="ritual-model-warning">{t(language, "flow.recommend.unsupported")}</div>
-              )}
-            </button>
-          );
-        })}
-        <div className="ritual-time-note">{t(language, "flow.recommend.timeNote")}</div>
-      </div>
-
-      <div className="ritual-action-row">
-        <Button variant="ghost" onClick={onBack}>{t(language, "flow.recommend.back")}</Button>
-        <Button variant="outline" onClick={onSkipModel}>{t(language, "flow.recommend.skip")}</Button>
-        <div className="ritual-muted-hint">{t(language, "flow.recommend.hint")}</div>
-      </div>
-    </div>
-  );
-}
-
-function formatMinutes(minutes: number, language: Language) {
-  return t(language, "flow.recommend.minutes", { count: minutes });
-}
-
-function timeEstimate(model: RecommendedModel, language: Language) {
-  const response = model.estimatedFirstResponseSeconds;
-  if (!model.downloadRequired || model.estimatedDownloadMinutes === 0) {
-    return t(language, "flow.recommend.timeEstimate.ready", { response });
-  }
-  if (model.estimatedDownloadMinutes === null) {
-    return t(language, "flow.recommend.timeEstimate.unknown", { response });
-  }
-  return t(language, "flow.recommend.timeEstimate", {
-    download: formatMinutes(model.estimatedDownloadMinutes, language),
-    response,
-  });
-}
-
-function primaryNote(model: RecommendedModel, language: Language) {
-  if (!model.downloadRequired || model.estimatedDownloadMinutes === 0 || model.estimatedDownloadMinutes === null) {
-    return t(language, "flow.recommend.primaryNote.unknown");
-  }
-  return t(language, "flow.recommend.primaryNote", {
-    time: formatMinutes(model.estimatedDownloadMinutes, language),
-  });
-}
-
-function comparisonLabel(role: RecommendedModel["role"], language: Language) {
-  if (role === "faster") return t(language, "flow.recommend.comparison.faster");
-  if (role === "advanced") return t(language, "flow.recommend.comparison.advanced");
-  return "";
-}
-
-function rankLabel(role: RecommendedModel["role"], index: number, language: Language) {
-  if (role === "best") return t(language, "flow.recommend.rank.best");
-  if (role === "faster") return t(language, "flow.recommend.rank.faster");
-  if (role === "advanced") return t(language, "flow.recommend.rank.advanced");
-  return t(language, "flow.recommend.rank.choice", { index: index + 1 });
-}

package/frontend/src/components/onboarding/recommendationModel.ts

@@ -1,189 +0,0 @@
-import { asArray } from "@/lib/utils";
-
-export type FlowStep = "wake" | "login" | "analysis" | "recommend" | "install";
-export type ApiData = Record<string, unknown>;
-
-export type FlowAnalysis = {
-  setup?: ApiData | null;
-  models?: ApiData | null;
-  recommendations?: ApiData | null;
-  sysinfo?: ApiData | null;
-};
-
-export type RecommendedModel = {
-  id: string;
-  loadId: string;
-  engine: string;
-  name: string;
-  shortName: string;
-  family: string;
-  size: string;
-  role: "best" | "faster" | "advanced";
-  reason: string;
-  supported: boolean;
-  downloadRequired: boolean;
-  downloadSize: string;
-  storageLocation: string;
-  externalHost: string;
-  /** Estimated download time in minutes. 0 when nothing needs downloading; null when size is unknown. */
-  estimatedDownloadMinutes: number | null;
-  /** Estimated seconds to first response after the model is loaded. */
-  estimatedFirstResponseSeconds: number;
-  /** Rough parameter scale (e.g. 8, 12, 70) parsed from the model name; null when unknown. */
-  parameterBillions: number | null;
-};
-
-export function buildRecommendations(analysis: FlowAnalysis | null): RecommendedModel[] {
-  const models = asRecord(analysis?.models);
-  const modelRows = [
-    ...asArray<ApiData>(models.recommended),
-    ...asArray<ApiData>(models.catalog),
-  ];
-  const recommendationRoot = asRecord(analysis?.recommendations?.recommendations);
-  const recRows = asArray<ApiData>(recommendationRoot.models);
-  const topPick = asRecord(recommendationRoot.top_pick);
-  const merged = new Map<string, ApiData>();
-  for (const row of [...recRows, ...modelRows]) {
-    const id = String(row.id || row.model_id || row.recommended_load_id || "");
-    if (!id) continue;
-    merged.set(id, { ...(merged.get(id) || {}), ...row });
-  }
-  if (topPick.id && !merged.has(String(topPick.id))) merged.set(String(topPick.id), topPick);
-  const all = Array.from(merged.values()).map(toRecommendedModel).filter((item) => item.id);
-  const supported = all.filter((item) => item.supported);
-  const pool = supported.length ? supported : all;
-  const byName = (pattern: RegExp) => pool.find((item) => pattern.test(`${item.name} ${item.id}`));
-  const byId = (id?: unknown) => pool.find((item) => item.id === String(id));
-  const best = byId(topPick.id) || byName(/gemma.*12|12b/i) || pool[0];
-  const faster = pool.find((item) => item.id !== best?.id && /qwen|8b|7b/i.test(`${item.name} ${item.id}`)) || pool.find((item) => item.id !== best?.id);
-  const advanced = pool.find((item) => item.id !== best?.id && item.id !== faster?.id && /26b|32b|70b|advanced/i.test(`${item.name} ${item.id}`))
-    || pool.find((item) => item.id !== best?.id && item.id !== faster?.id);
-  return [
-    best ? { ...best, role: "best" as const, reason: best.reason || "best" } : null,
-    faster ? { ...faster, role: "faster" as const, reason: faster.reason || "faster" } : null,
-    advanced ? { ...advanced, role: "advanced" as const, reason: advanced.reason || "advanced" } : null,
-  ].filter(Boolean) as RecommendedModel[];
-}
-
-export function fallbackModel(): RecommendedModel {
-  return {
-    id: "mlx-community/Qwen3-VL-8B-Instruct-4bit",
-    loadId: "mlx-community/Qwen3-VL-8B-Instruct-4bit",
-    engine: "local_mlx",
-    name: "Qwen3-VL 8B",
-    shortName: "Qwen 3",
-    family: "Qwen 3",
-    size: "",
-    role: "best",
-    reason: "best",
-    supported: true,
-    downloadRequired: false,
-    downloadSize: "",
-    storageLocation: "~/.latticeai/models",
-    externalHost: "",
-    estimatedDownloadMinutes: 0,
-    estimatedFirstResponseSeconds: 5,
-    parameterBillions: 8,
-  };
-}
-
-function toRecommendedModel(row: ApiData): RecommendedModel {
-  const compatibility = asRecord(row.runtime_compatibility);
-  const id = String(row.id || row.model_id || row.recommended_load_id || "");
-  const loadId = String(row.recommended_load_id || row.load_id || id);
-  const name = String(row.display_name || row.name || id || "recommended_brain");
-  const supported = row.load_status !== "unsupported"
-    && row.load_status !== "runtime_update_needed"
-    && row.status !== "not_recommended"
-    && compatibility.supported !== false;
-  const downloadRequired = Boolean(row.download_required);
-  const downloadSize = String(row.download_size || row.size || "");
-  const parameterBillions = parseParameterBillions(`${name} ${id}`);
-  return {
-    id,
-    loadId,
-    engine: String(row.recommended_engine || row.engine || "local_mlx"),
-    name,
-    shortName: friendlyModelName(name || id),
-    family: friendlyModelName(String(row.family || name || "local_brain")),
-    size: String(row.size || ""),
-    role: "best",
-    reason: String(row.reason || ""),
-    supported,
-    downloadRequired,
-    downloadSize,
-    storageLocation: String(row.storage_location || row.local_path || "~/.latticeai/models"),
-    externalHost: externalHostLabel(row),
-    estimatedDownloadMinutes: downloadRequired ? estimateDownloadMinutes(downloadSize) : 0,
-    estimatedFirstResponseSeconds: estimateFirstResponseSeconds(parameterBillions),
-    parameterBillions,
-  };
-}
-
-/** Parse a download size string like "8GB", "8.5 GB", "512MB" into megabytes; null when unparseable. */
-export function parseDownloadMegabytes(value: string): number | null {
-  const match = String(value || "").match(/([\d.]+)\s*(t|g|m)?b?/i);
-  if (!match) return null;
-  const amount = Number(match[1]);
-  if (!Number.isFinite(amount) || amount <= 0) return null;
-  const unit = (match[2] || "g").toLowerCase();
-  if (unit === "t") return amount * 1024 * 1024;
-  if (unit === "m") return amount;
-  return amount * 1024; // gigabytes (default assumption for model weights)
-}
-
-/**
- * Estimate download minutes from a size string, assuming a conservative ~15 Mbps
- * (≈1.875 MB/s) average home connection. Returns null when the size is unknown so
- * the UI can fall back to a "time unknown" message instead of showing 0.
- */
-export function estimateDownloadMinutes(downloadSize: string): number | null {
-  const megabytes = parseDownloadMegabytes(downloadSize);
-  if (megabytes === null) return null;
-  const megabytesPerSecond = 15 / 8; // 15 Mbps
-  const minutes = megabytes / megabytesPerSecond / 60;
-  return Math.max(1, Math.round(minutes));
-}
-
-/** Pull a rough parameter scale (billions) out of a model name like "Gemma 12B" or "qwen-8b". */
-export function parseParameterBillions(text: string): number | null {
-  const match = String(text || "").match(/(\d{1,3}(?:\.\d)?)\s*b\b/i);
-  if (!match) return null;
-  const value = Number(match[1]);
-  return Number.isFinite(value) && value > 0 ? value : null;
-}
-
-/** Estimate seconds to first response from model scale: 8B→5s, 12B→10s, 70B→30s. */
-export function estimateFirstResponseSeconds(parameterBillions: number | null): number {
-  if (parameterBillions === null) return 8;
-  if (parameterBillions <= 9) return 5;
-  if (parameterBillions <= 16) return 10;
-  if (parameterBillions <= 40) return 18;
-  return 30;
-}
-
-function externalHostLabel(row: ApiData) {
-  const raw = String(row.source_url || row.download_url || row.repository || row.provider || row.id || "");
-  if (!raw) return "";
-  if (/huggingface|hf\\.co|mlx-community/i.test(raw)) return "huggingface";
-  if (/ollama/i.test(raw)) return "ollama";
-  return raw.replace(/^https?:\/\//, "").split("/")[0] || raw;
-}
-
-export function friendlyModelName(value: string) {
-  return String(value || "recommended_brain")
-    .replace(/^mlx-community\//i, "")
-    .replace(/[-_]?Instruct/gi, "")
-    .replace(/[-_]?4bit/gi, "")
-    .replace(/Qwen3[-_ ]?VL/gi, "Qwen 3")
-    .replace(/Qwen3/gi, "Qwen 3")
-    .replace(/Gemma[-_ ]?4/gi, "Gemma 4")
-    .replace(/A4B/gi, "")
-    .replace(/[-_]+/g, " ")
-    .replace(/\s+/g, " ")
-    .trim();
-}
-
-export function asRecord(value: unknown): ApiData {
-  return value && typeof value === "object" && !Array.isArray(value) ? value as ApiData : {};
-}