@agent-native/core 0.122.3 → 0.123.0

package/corpus/templates/slides/app/components/design-system/DesignSystemPreview.tsx

@@ -1,176 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-
-import { cn } from "@/lib/utils";
-
-import type { DesignSystemData } from "../../../shared/api";
-
-interface DesignSystemPreviewProps {
-  data: DesignSystemData;
-  className?: string;
-}
-
-export function DesignSystemPreview({
-  data,
-  className,
-}: DesignSystemPreviewProps) {
-  const t = useT();
-  const swatches = [
-    { label: "Primary", color: data.colors.primary },
-    { label: "Secondary", color: data.colors.secondary },
-    { label: "Accent", color: data.colors.accent },
-    { label: "Background", color: data.colors.background },
-    { label: "Text", color: data.colors.text },
-  ];
-
-  return (
-    <div
-      className={cn(
-        "rounded-xl border border-border bg-card overflow-hidden",
-        className,
-      )}
-    >
-      {/* Color swatches */}
-      <div className="p-4 border-b border-border">
-        <div className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-3">
-          Colors
-        </div>
-        <div className="flex items-center gap-3">
-          {swatches.map((s) => (
-            <div key={s.label} className="flex flex-col items-center gap-1.5">
-              <div
-                className="w-8 h-8 rounded-full border border-border"
-                style={{ background: s.color }}
-              />
-              <span className="text-[10px] text-muted-foreground">
-                {s.label}
-              </span>
-            </div>
-          ))}
-        </div>
-      </div>
-
-      {/* Typography sample */}
-      <div className="p-4 border-b border-border">
-        <div className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-3">
-          Typography
-        </div>
-        <div
-          style={{
-            fontFamily: `'${data.typography.headingFont}', sans-serif`,
-            fontWeight: data.typography.headingWeight,
-            fontSize: "20px",
-            color: data.colors.text,
-            lineHeight: 1.2,
-          }}
-        >
-          {data.typography.headingFont} Heading
-        </div>
-        <div
-          style={{
-            fontFamily: `'${data.typography.bodyFont}', sans-serif`,
-            fontWeight: data.typography.bodyWeight,
-            fontSize: "13px",
-            color: data.colors.textMuted,
-            marginTop: "6px",
-            lineHeight: 1.5,
-          }}
-        >
-          Body text rendered in {data.typography.bodyFont} at weight{" "}
-          {data.typography.bodyWeight}. This is how paragraph content will
-          appear.
-        </div>
-      </div>
-
-      {/* Mini slide preview */}
-      <div className="p-4">
-        <div className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-3">
-          {t("raw.designSlidePreview")}
-        </div>
-        <div
-          className="rounded-lg overflow-hidden"
-          style={{
-            background: data.slideDefaults.background,
-            aspectRatio: "16 / 9",
-            padding: "20px 28px",
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-          }}
-        >
-          <div
-            style={{
-              fontSize: "8px",
-              fontWeight: 700,
-              letterSpacing: "2px",
-              textTransform:
-                data.slideDefaults.labelStyle === "none"
-                  ? undefined
-                  : data.slideDefaults.labelStyle,
-              color: data.colors.accent,
-              marginBottom: "6px",
-            }}
-          >
-            SECTION
-          </div>
-          <div
-            style={{
-              fontFamily: `'${data.typography.headingFont}', sans-serif`,
-              fontWeight: data.typography.headingWeight,
-              fontSize: "16px",
-              color: data.colors.text,
-              lineHeight: 1.15,
-              letterSpacing: "-0.5px",
-            }}
-          >
-            {t("raw.designSlideTitle")}
-          </div>
-          <div
-            style={{
-              fontFamily: `'${data.typography.bodyFont}', sans-serif`,
-              fontWeight: data.typography.bodyWeight,
-              fontSize: "7px",
-              color: data.colors.textMuted,
-              marginTop: "6px",
-              lineHeight: 1.5,
-            }}
-          >
-            {t("raw.designSupportingText")}
-          </div>
-          {/* Accent bar */}
-          <div
-            style={{
-              width: "24px",
-              height: data.borders.accentWidth,
-              background: data.colors.accent,
-              borderRadius: data.borders.radius,
-              marginTop: "10px",
-            }}
-          />
-        </div>
-      </div>
-
-      {/* Logos */}
-      {data.logos.length > 0 && (
-        <div className="p-4 border-t border-border">
-          <div className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-3">
-            Logos
-          </div>
-          <div className="flex items-center gap-3 flex-wrap">
-            {data.logos.map((logo, i) => (
-              <div
-                key={`${logo.name}-${i}`}
-                className="w-10 h-10 rounded-lg bg-accent border border-border flex items-center justify-center overflow-hidden"
-              >
-                <img
-                  src={logo.url}
-                  alt={logo.name}
-                  className="max-w-full max-h-full object-contain"
-                />
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

package/corpus/templates/slides/app/components/editor/GenerateSlidesDialog.tsx

@@ -1,244 +0,0 @@
-import { useActionMutation } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import type { SlideGenerateResponse } from "@shared/api";
-import { IconLoader2, IconPhoto } from "@tabler/icons-react";
-import { useState } from "react";
-
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-} from "@/components/ui/dialog";
-import {
-  Select,
-  SelectTrigger,
-  SelectValue,
-  SelectContent,
-  SelectItem,
-} from "@/components/ui/select";
-
-interface GenerateSlidesDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onGenerated: (
-    response: SlideGenerateResponse,
-    includeImages: boolean,
-    refImages: string[],
-  ) => void;
-}
-
-export default function GenerateSlidesDialog({
-  open,
-  onOpenChange,
-  onGenerated,
-}: GenerateSlidesDialogProps) {
-  const t = useT();
-  const [topic, setTopic] = useState("");
-  const [slideCount, setSlideCount] = useState(8);
-  const [style, setStyle] = useState("");
-  const [includeImages, setIncludeImages] = useState(true);
-  const [referenceImages, setReferenceImages] = useState<string[]>([]);
-  const [error, setError] = useState("");
-  const generateSlidesMutation = useActionMutation("generate-slides-ai");
-
-  const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const files = e.target.files;
-    if (!files) return;
-    Array.from(files).forEach((file) => {
-      const reader = new FileReader();
-      reader.onload = () => {
-        setReferenceImages((prev) => [...prev, reader.result as string]);
-      };
-      reader.readAsDataURL(file);
-    });
-    e.target.value = "";
-  };
-
-  const loading = generateSlidesMutation.isPending;
-
-  const handleGenerate = async () => {
-    if (!topic.trim()) return;
-    setError("");
-
-    generateSlidesMutation.mutate(
-      {
-        topic,
-        slideCount: String(slideCount),
-        style: style || undefined,
-        includeImages: String(includeImages),
-      },
-      {
-        onSuccess: (data) => {
-          onGenerated(data, includeImages, referenceImages);
-          onOpenChange(false);
-          setTopic("");
-          setStyle("");
-        },
-        onError: (err) => {
-          setError(err.message);
-        },
-      },
-    );
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="bg-card border-border max-w-lg">
-        <DialogHeader>
-          <DialogTitle className="text-foreground flex items-center gap-2">
-            {t("generateSlides.title")}
-          </DialogTitle>
-          <DialogDescription className="text-muted-foreground">
-            {t("generateSlides.description")}
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="space-y-4 mt-2">
-          {/* Topic */}
-          <div>
-            <label className="text-xs font-medium text-muted-foreground block mb-1.5">
-              {t("generateSlides.topic")}
-            </label>
-            <textarea
-              value={topic}
-              onChange={(e) => setTopic(e.target.value)}
-              placeholder={t("generateSlides.topicPlaceholder")}
-              className="w-full h-20 bg-accent/50 border border-border rounded-lg px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground/70 outline-none focus:border-[#609FF8]/50 resize-none"
-            />
-          </div>
-
-          {/* Options row */}
-          <div className="flex gap-3">
-            <div className="flex-1">
-              <label className="text-xs font-medium text-muted-foreground block mb-1.5">
-                {t("generateSlides.slides")}
-              </label>
-              <Select
-                value={String(slideCount)}
-                onValueChange={(value) => setSlideCount(Number(value))}
-              >
-                <SelectTrigger className="w-full bg-accent/50 border-border rounded-lg text-sm text-foreground focus:ring-0 focus:ring-offset-0 focus:border-[#609FF8]/50">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent>
-                  {[4, 6, 8, 10].map((n) => (
-                    <SelectItem key={n} value={String(n)}>
-                      {t("generateSlides.slideCount", { count: n })}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            <div className="flex-1">
-              <label className="text-xs font-medium text-muted-foreground block mb-1.5">
-                {t("generateSlides.styleOptional")}
-              </label>
-              <input
-                value={style}
-                onChange={(e) => setStyle(e.target.value)}
-                placeholder={t("generateSlides.stylePlaceholder")}
-                className="w-full bg-accent/50 border border-border rounded-lg px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground/70 outline-none focus:border-[#609FF8]/50"
-              />
-            </div>
-          </div>
-
-          {/* Include images toggle */}
-          <div className="flex items-center gap-3">
-            <button
-              type="button"
-              onClick={() => setIncludeImages(!includeImages)}
-              className={`relative w-9 h-5 rounded-full transition-colors ${
-                includeImages ? "bg-[#609FF8]" : "bg-accent"
-              }`}
-            >
-              <div
-                className={`absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform duration-150 ${
-                  includeImages ? "translate-x-[16px]" : "translate-x-0"
-                }`}
-              />
-            </button>
-            <div>
-              <span className="text-sm text-foreground/90">
-                {t("generateSlides.generateImages")}
-              </span>
-              <p className="text-xs text-muted-foreground">
-                {t("generateSlides.generateImagesDescription")}
-              </p>
-            </div>
-          </div>
-
-          {/* Reference images for brand consistency */}
-          {includeImages && (
-            <div>
-              <label className="text-xs font-medium text-muted-foreground block mb-1.5">
-                <IconPhoto className="w-3 h-3 inline mr-1" />
-                {t("generateSlides.referenceImages")}
-              </label>
-              <div className="flex flex-wrap gap-2 mb-2">
-                {referenceImages.map((img, i) => (
-                  <div
-                    key={i}
-                    className="relative w-14 h-14 rounded-md overflow-hidden border border-border"
-                  >
-                    <img
-                      src={img}
-                      alt=""
-                      className="w-full h-full object-cover"
-                    />
-                    <button
-                      onClick={() =>
-                        setReferenceImages((prev) =>
-                          prev.filter((_, j) => j !== i),
-                        )
-                      }
-                      className="absolute top-0 right-0 w-4 h-4 bg-black/70 text-foreground/90 text-[10px] flex items-center justify-center rounded-bl"
-                    >
-                      x
-                    </button>
-                  </div>
-                ))}
-                <label className="w-14 h-14 rounded-md border border-dashed border-border flex items-center justify-center cursor-pointer hover:border-[#609FF8]/40 transition-colors">
-                  <span className="text-muted-foreground/70 text-lg">+</span>
-                  <input
-                    type="file"
-                    accept="image/*"
-                    multiple
-                    onChange={handleFileUpload}
-                    className="hidden"
-                  />
-                </label>
-              </div>
-              <p className="text-[11px] text-muted-foreground/70">
-                {t("generateSlides.referenceImagesDescription")}
-              </p>
-            </div>
-          )}
-
-          {error && (
-            <p className="text-xs text-red-400 bg-red-400/10 px-3 py-2 rounded-lg">
-              {error}
-            </p>
-          )}
-
-          {/* Generate button */}
-          <button
-            onClick={handleGenerate}
-            disabled={loading || !topic.trim()}
-            className="w-full flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg bg-[#609FF8] hover:bg-[#7AB2FA] disabled:opacity-50 disabled:cursor-not-allowed text-black text-sm font-medium transition-colors"
-          >
-            {loading ? (
-              <>
-                <IconLoader2 className="w-4 h-4 animate-spin" />
-                {t("generateSlides.generating")}
-              </>
-            ) : (
-              <>{t("generateSlides.generate")}</>
-            )}
-          </button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/corpus/templates/slides/app/components/editor/ImportButton.tsx

@@ -1,84 +0,0 @@
-import {
-  agentNativePath,
-  appBasePath,
-} from "@agent-native/core/client/api-path";
-import { useT } from "@agent-native/core/client/i18n";
-import { IconUpload } from "@tabler/icons-react";
-import { useRef } from "react";
-
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { parseUploadResponse } from "@/lib/upload-response";
-
-interface ImportButtonProps {
-  deckId?: string;
-  onImportComplete?: () => void;
-}
-
-export function ImportButton({ deckId, onImportComplete }: ImportButtonProps) {
-  const t = useT();
-  const fileRef = useRef<HTMLInputElement>(null);
-
-  const handleFileSelect = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-
-    const formData = new FormData();
-    formData.append("file", file);
-
-    try {
-      const uploadRes = await fetch(`${appBasePath()}/api/uploads`, {
-        method: "POST",
-        body: formData,
-      });
-      // R83 — guard the parse: a failed upload can come back as a non-JSON
-      // body (upstream proxy/platform error page, plaintext "Internal
-      // Error", etc.). Calling uploadRes.json() unconditionally used to
-      // throw a raw "Unexpected token ... is not valid JSON" SyntaxError
-      // here instead of a clean, catchable failure.
-      const uploadData = await parseUploadResponse(uploadRes, "Upload failed");
-      if (!uploadRes.ok) {
-        throw new Error(uploadData.error || "Upload failed");
-      }
-
-      await fetch(agentNativePath("/_agent-native/actions/import-file"), {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          filePath: uploadData.path || uploadData.url,
-          deckId,
-        }),
-      });
-
-      onImportComplete?.();
-    } catch (err) {
-      console.error("Import failed:", err);
-    }
-
-    if (fileRef.current) fileRef.current.value = "";
-  };
-
-  return (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <button
-          onClick={() => fileRef.current?.click()}
-          className="p-1.5 rounded text-muted-foreground hover:text-foreground hover:bg-accent cursor-pointer"
-        >
-          <IconUpload className="w-4 h-4" />
-          <input
-            ref={fileRef}
-            type="file"
-            accept=".pptx,.docx,.pdf"
-            onChange={handleFileSelect}
-            className="hidden"
-          />
-        </button>
-      </TooltipTrigger>
-      <TooltipContent>{t("raw.importFileTypes")}</TooltipContent>
-    </Tooltip>
-  );
-}

package/corpus/templates/slides/server/routes/api/comments/[id].delete.ts

@@ -1,43 +0,0 @@
-import { getSession, runWithRequestContext } from "@agent-native/core/server";
-import { ForbiddenError } from "@agent-native/core/sharing";
-import { defineEventHandler, getRouterParam, setResponseStatus } from "h3";
-
-import deleteSlideCommentAction from "../../../../actions/delete-slide-comment.js";
-
-/**
- * DELETE /api/comments/:id
- * Delete a single slide comment. Delegates to the delete-slide-comment action
- * so the human UI and the agent share one implementation and one permission
- * rule.
- */
-export default defineEventHandler(async (event) => {
-  const id = getRouterParam(event, "id");
-  if (!id) {
-    setResponseStatus(event, 400);
-    return { error: "id required" };
-  }
-
-  const session = await getSession(event).catch(() => null);
-  if (!session?.email) {
-    setResponseStatus(event, 401);
-    return { error: "Unauthorized" };
-  }
-
-  try {
-    return await runWithRequestContext(
-      { userEmail: session.email, orgId: session.orgId },
-      () => deleteSlideCommentAction.run({ id }),
-    );
-  } catch (err) {
-    // Not-found and forbidden both surface as 404 so callers can't probe for
-    // the existence of comments on decks they can't access. Any other error
-    // (e.g. a DB failure) propagates as a real 500.
-    const isNotFound =
-      err instanceof Error && err.message.startsWith("Comment not found");
-    if (err instanceof ForbiddenError || isNotFound) {
-      setResponseStatus(event, 404);
-      return { error: "Comment not found" };
-    }
-    throw err;
-  }
-});

package/corpus/templates/slides/server/routes/api/comments/[id].patch.ts

@@ -1,50 +0,0 @@
-import { readBody } from "@agent-native/core/server";
-import { getSession, runWithRequestContext } from "@agent-native/core/server";
-import { ForbiddenError } from "@agent-native/core/sharing";
-import { defineEventHandler, getRouterParam, setResponseStatus } from "h3";
-
-import updateSlideCommentAction from "../../../../actions/update-slide-comment.js";
-
-/**
- * PATCH /api/comments/:id
- * Update a slide comment (resolve, reopen, edit content). Delegates to the
- * update-slide-comment action so the human UI and the agent share one
- * implementation and one permission rule.
- */
-export default defineEventHandler(async (event) => {
-  const id = getRouterParam(event, "id");
-  if (!id) {
-    setResponseStatus(event, 400);
-    return { error: "id required" };
-  }
-
-  const body = await readBody(event);
-  const { resolved, content } = body as {
-    resolved?: boolean;
-    content?: string;
-  };
-
-  const session = await getSession(event).catch(() => null);
-  if (!session?.email) {
-    setResponseStatus(event, 401);
-    return { error: "Unauthorized" };
-  }
-
-  try {
-    return await runWithRequestContext(
-      { userEmail: session.email, orgId: session.orgId },
-      () => updateSlideCommentAction.run({ id, resolved, content }),
-    );
-  } catch (err) {
-    // Not-found and forbidden both surface as 404 so callers can't probe for
-    // the existence of comments on decks they can't access. Any other error
-    // (e.g. a DB failure) propagates as a real 500.
-    const isNotFound =
-      err instanceof Error && err.message.startsWith("Comment not found");
-    if (err instanceof ForbiddenError || isNotFound) {
-      setResponseStatus(event, 404);
-      return { error: "Comment not found" };
-    }
-    throw err;
-  }
-});

package/corpus/templates/slides/server/routes/api/decks/[id].delete.ts

@@ -1 +0,0 @@
-export { deleteDeck as default } from "../../../handlers/decks";

package/corpus/templates/slides/server/routes/api/decks/[id].get.ts

@@ -1 +0,0 @@
-export { getDeck as default } from "../../../handlers/decks";

package/corpus/templates/slides/server/routes/api/decks/[id].put.ts

@@ -1 +0,0 @@
-export { updateDeck as default } from "../../../handlers/decks";

package/corpus/templates/slides/server/routes/api/decks/index.get.ts

@@ -1 +0,0 @@
-export { listDecks as default } from "../../../handlers/decks";

package/corpus/templates/slides/server/routes/api/decks/index.post.ts

@@ -1 +0,0 @@
-export { createDeck as default } from "../../../handlers/decks";

package/dist/client/components/MissingKeyCard.d.ts

@@ -1,7 +0,0 @@
-export interface MissingKeyCardProps {
-    label: string;
-    message: string;
-    settingsPath: string;
-}
-export declare function MissingKeyCard({ label, message, settingsPath, }: MissingKeyCardProps): import("react").JSX.Element;
-//# sourceMappingURL=MissingKeyCard.d.ts.map

package/dist/client/components/MissingKeyCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MissingKeyCard.d.ts","sourceRoot":"","sources":["../../../src/client/components/MissingKeyCard.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,+BAkDrB"}

package/dist/client/components/MissingKeyCard.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function MissingKeyCard({ label, message, settingsPath, }) {
-    return (_jsxs("div", { style: {
-            border: "1px solid hsl(var(--border))",
-            borderRadius: 8,
-            padding: "24px 28px",
-            maxWidth: 420,
-            margin: "32px auto",
-            background: "hsl(var(--card))",
-            color: "hsl(var(--card-foreground))",
-            textAlign: "center",
-        }, children: [_jsx("div", { style: {
-                    fontSize: 14,
-                    fontWeight: 600,
-                    color: "hsl(var(--card-foreground))",
-                    marginBottom: 8,
-                }, children: label }), _jsx("p", { style: {
-                    fontSize: 13,
-                    color: "hsl(var(--muted-foreground))",
-                    margin: "0 0 16px",
-                }, children: message }), _jsx("a", { href: settingsPath, style: {
-                    display: "inline-block",
-                    padding: "8px 16px",
-                    fontSize: 13,
-                    fontWeight: 500,
-                    color: "hsl(var(--primary-foreground))",
-                    background: "hsl(var(--primary))",
-                    borderRadius: 6,
-                    textDecoration: "none",
-                }, children: "Go to Settings" })] }));
-}
-//# sourceMappingURL=MissingKeyCard.js.map

package/dist/client/components/MissingKeyCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MissingKeyCard.js","sourceRoot":"","sources":["../../../src/client/components/MissingKeyCard.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,YAAY,GACQ;IACpB,OAAO,CACL,eACE,KAAK,EAAE;YACL,MAAM,EAAE,8BAA8B;YACtC,YAAY,EAAE,CAAC;YACf,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,WAAW;YACnB,UAAU,EAAE,kBAAkB;YAC9B,KAAK,EAAE,6BAA6B;YACpC,SAAS,EAAE,QAAQ;SACpB,aAED,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,6BAA6B;oBACpC,YAAY,EAAE,CAAC;iBAChB,YAEA,KAAK,GACF,EACN,YACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,8BAA8B;oBACrC,MAAM,EAAE,UAAU;iBACnB,YAEA,OAAO,GACN,EACJ,YACE,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE;oBACL,OAAO,EAAE,cAAc;oBACvB,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,gCAAgC;oBACvC,UAAU,EAAE,qBAAqB;oBACjC,YAAY,EAAE,CAAC;oBACf,cAAc,EAAE,MAAM;iBACvB,+BAGC,IACA,CACP,CAAC;AACJ,CAAC","sourcesContent":["export interface MissingKeyCardProps {\n  label: string;\n  message: string;\n  settingsPath: string;\n}\n\nexport function MissingKeyCard({\n  label,\n  message,\n  settingsPath,\n}: MissingKeyCardProps) {\n  return (\n    <div\n      style={{\n        border: \"1px solid hsl(var(--border))\",\n        borderRadius: 8,\n        padding: \"24px 28px\",\n        maxWidth: 420,\n        margin: \"32px auto\",\n        background: \"hsl(var(--card))\",\n        color: \"hsl(var(--card-foreground))\",\n        textAlign: \"center\",\n      }}\n    >\n      <div\n        style={{\n          fontSize: 14,\n          fontWeight: 600,\n          color: \"hsl(var(--card-foreground))\",\n          marginBottom: 8,\n        }}\n      >\n        {label}\n      </div>\n      <p\n        style={{\n          fontSize: 13,\n          color: \"hsl(var(--muted-foreground))\",\n          margin: \"0 0 16px\",\n        }}\n      >\n        {message}\n      </p>\n      <a\n        href={settingsPath}\n        style={{\n          display: \"inline-block\",\n          padding: \"8px 16px\",\n          fontSize: 13,\n          fontWeight: 500,\n          color: \"hsl(var(--primary-foreground))\",\n          background: \"hsl(var(--primary))\",\n          borderRadius: 6,\n          textDecoration: \"none\",\n        }}\n      >\n        Go to Settings\n      </a>\n    </div>\n  );\n}\n"]}