@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.7

package/dist/components/page-kits/AccountLockedPageKit.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { AccountLockedBlock } from "../blocks/AccountLockedBlock";
+type AccountLockedBlockProps = React.ComponentProps<typeof AccountLockedBlock>;
+export interface AccountLockedPageKitProps extends Omit<AccountLockedBlockProps, "className"> {
+    errorMessage?: React.ReactNode;
+    className?: string;
+    cardClassName?: string;
+}
+export declare function AccountLockedPageKit({ reason, unlockMinutes, onContactSupport, onBackToLogin, title, description, errorMessage, className, cardClassName, }: AccountLockedPageKitProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/page-kits/AccountLockedPageKit.js

@@ -0,0 +1,48 @@
+import { AccountLockedBlock } from '../../chunk-FX23F33E.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-GJUR6HT3.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AccountLockedPageKit({
+  reason = "too_many_attempts",
+  unlockMinutes,
+  onContactSupport,
+  onBackToLogin,
+  title,
+  description,
+  errorMessage,
+  className,
+  cardClassName
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-5xl flex-col items-center justify-center gap-4", children: [
+    errorMessage ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: "w-full max-w-sm rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+        children: errorMessage
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      AccountLockedBlock,
+      {
+        className: cn("w-full", cardClassName),
+        reason,
+        unlockMinutes,
+        onContactSupport,
+        onBackToLogin,
+        title,
+        description
+      }
+    )
+  ] }) });
+}
+
+export { AccountLockedPageKit };

package/dist/components/page-kits/AgentsChatPageKit.d.ts

@@ -0,0 +1,46 @@
+import { type ConversationMessage } from "../blocks/AgentConversationBlock";
+import { type NavigationShellPageKitProps } from "./NavigationShellPageKit";
+export type AgentsChatPageKitState = "empty" | "loading" | "thinking" | "blocked-approval" | "failed" | "running" | "complete";
+export interface AgentsChatPageKitToolCall {
+    id: string;
+    toolName: string;
+    status: "pending" | "running" | "complete" | "error";
+    result?: string;
+    durationMs?: number;
+}
+export interface AgentsChatPageKitArtifact {
+    id: string;
+    title: string;
+    kind: "diff" | "file" | "log" | "report";
+    summary: string;
+}
+export interface AgentsChatPageKitTraceEvent {
+    id: string;
+    label: string;
+    detail: string;
+}
+export interface AgentsChatPageKitApproval {
+    pendingReason: string;
+    onApprove: () => void;
+    onReject: () => void;
+}
+export interface AgentsChatPageKitComposer {
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onSend?: (value: string) => void;
+}
+export interface AgentsChatPageKitProps {
+    shell: Omit<NavigationShellPageKitProps, "children">;
+    state?: AgentsChatPageKitState;
+    messages?: ConversationMessage[];
+    toolCalls?: AgentsChatPageKitToolCall[];
+    artifacts?: AgentsChatPageKitArtifact[];
+    traceEvents?: AgentsChatPageKitTraceEvent[];
+    approval?: AgentsChatPageKitApproval;
+    composer?: AgentsChatPageKitComposer;
+    errorMessage?: string;
+    className?: string;
+}
+export declare function AgentsChatPageKit({ shell, state, messages, toolCalls, artifacts, traceEvents, approval, composer, errorMessage, className, }: AgentsChatPageKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-kits/AgentsChatPageKit.js

@@ -0,0 +1,289 @@
+import { NavigationShellPageKit } from '../../chunk-TUKZKU72.js';
+import { AgentConversationBlock } from '../../chunk-TZXZFSD2.js';
+import '../../chunk-MLUSJTS2.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import { Textarea } from '../../chunk-4OBE2FS2.js';
+import '../../chunk-ZHTQF2KI.js';
+import '../../chunk-4HRVRW2X.js';
+import '../../chunk-C4SNHMYC.js';
+import '../../chunk-MJ4CB6ZL.js';
+import '../../chunk-B5QL76GA.js';
+import '../../chunk-HOWTYZL5.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import '../../chunk-RASEB2XI.js';
+import '../../chunk-CUZJIDU7.js';
+import '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import '../../chunk-35EX5FP5.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-NAAU5IWU.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-AUSYEAIJ.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EMPTY_MESSAGES = [];
+var EMPTY_TOOL_CALLS = [];
+var EMPTY_ARTIFACTS = [];
+var EMPTY_TRACE_EVENTS = [];
+function stateLabel(state) {
+  switch (state) {
+    case "empty":
+      return "Empty";
+    case "loading":
+      return "Loading";
+    case "thinking":
+      return "Thinking";
+    case "blocked-approval":
+      return "Blocked on approval";
+    case "failed":
+      return "Failed";
+    case "running":
+      return "Running";
+    case "complete":
+      return "Complete";
+    default:
+      return "Running";
+  }
+}
+function placeholderContent(state) {
+  switch (state) {
+    case "empty":
+      return "No messages yet. Start the run from the composer.";
+    case "loading":
+      return "Loading run context...";
+    case "thinking":
+      return "Agent is thinking through the next step.";
+    default:
+      return "Waiting for conversation updates.";
+  }
+}
+function AgentsChatPageKit({
+  shell,
+  state = "running",
+  messages = EMPTY_MESSAGES,
+  toolCalls = EMPTY_TOOL_CALLS,
+  artifacts = EMPTY_ARTIFACTS,
+  traceEvents = EMPTY_TRACE_EVENTS,
+  approval,
+  composer,
+  errorMessage,
+  className
+}) {
+  const [draft, setDraft] = React.useState(() => composer?.value ?? "");
+  const composerValue = composer?.value ?? draft;
+  const composerPlaceholder = composer?.placeholder ?? "Type a message to the active run...";
+  const composerDisabled = composer?.disabled ?? false;
+  function handleComposerChange(value) {
+    if (composer?.value == null) {
+      setDraft(value);
+    }
+    composer?.onChange?.(value);
+  }
+  function handleComposerSend() {
+    const payload = composerValue.trim();
+    if (!payload || composerDisabled) {
+      return;
+    }
+    composer?.onSend?.(payload);
+    if (composer?.value == null) {
+      setDraft("");
+    }
+  }
+  const conversationMessages = messages.length > 0 ? messages : [{
+    id: "state-placeholder",
+    role: "system",
+    content: placeholderContent(state)
+  }];
+  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, children: "Agents chat" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: "Conversation-driven agent workflow surface with explicit tooling and traceability layers." }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsx(Badge, { variant: state === "failed" ? "destructive" : "outline", children: stateLabel(state) }) })
+    ] }),
+    state === "failed" ? /* @__PURE__ */ jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: errorMessage ?? "The run failed. Inspect tooling and traceability details before retrying." }) : null,
+    state === "blocked-approval" && approval ? /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Approval required" }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", children: approval.pendingReason }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", onClick: approval.onApprove, children: "Approve run" }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: approval.onReject, children: "Reject run" })
+        ] })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Conversation" }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(AgentConversationBlock, { messages: conversationMessages }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "agents-chat-composer", className: "text-sm font-medium text-text-primary", children: "Message composer" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: "agents-chat-composer",
+                value: composerValue,
+                disabled: composerDisabled,
+                placeholder: composerPlaceholder,
+                onChange: (event) => handleComposerChange(event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleComposerSend, disabled: composerDisabled || composerValue.trim().length === 0, children: "Send message" }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Tooling" }) }),
+          /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: toolCalls.length === 0 ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "No tool calls yet." }) : toolCalls.map((toolCall) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/70 p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: toolCall.toolName }),
+              /* @__PURE__ */ jsx(Badge, { variant: toolCall.status === "error" ? "destructive" : "outline", children: toolCall.status })
+            ] }),
+            toolCall.result ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-text-secondary", children: toolCall.result }) : null,
+            typeof toolCall.durationMs === "number" ? /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "mt-1 text-text-tertiary", children: [
+              toolCall.durationMs,
+              "ms"
+            ] }) : null
+          ] }, toolCall.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Traceability" }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+            artifacts.length === 0 && traceEvents.length === 0 ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "No artifacts or trace events recorded yet." }) : null,
+            artifacts.map((artifact) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/70 p-3", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: artifact.title }),
+              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-tertiary uppercase tracking-wide", children: artifact.kind }),
+              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-text-secondary", children: artifact.summary })
+            ] }, artifact.id)),
+            traceEvents.map((event) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/70 p-3", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: event.label }),
+              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-text-secondary", children: event.detail })
+            ] }, event.id))
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+export { AgentsChatPageKit };

package/dist/components/page-kits/AnalyticsPageKit.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { type NavigationShellPageKitProps } from "./NavigationShellPageKit";
+export type AnalyticsPageKitRegionState = "loading" | "empty" | "error" | "filtered" | "has-data" | "partial-data";
+export interface AnalyticsPageKitFilterOption {
+    value: string;
+    label: string;
+}
+export interface AnalyticsPageKitFilter {
+    id: string;
+    label: string;
+    value: string;
+    options: AnalyticsPageKitFilterOption[];
+    onChange?: (value: string) => void;
+}
+export interface AnalyticsPageKitChartRegion {
+    id: string;
+    title: string;
+    description?: string;
+    data: unknown[];
+    chart: React.ReactNode;
+    state?: AnalyticsPageKitRegionState;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    errorMessage?: string;
+    className?: string;
+}
+export interface AnalyticsPageKitGridRegion {
+    id: string;
+    title: string;
+    description?: string;
+    columns: string[];
+    rows: Array<Record<string, React.ReactNode>>;
+    state?: AnalyticsPageKitRegionState;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    errorMessage?: string;
+}
+export interface AnalyticsPageKitProps {
+    shell: Omit<NavigationShellPageKitProps, "children">;
+    title?: string;
+    description?: string;
+    filters: AnalyticsPageKitFilter[];
+    chartRegions: AnalyticsPageKitChartRegion[];
+    gridRegions: AnalyticsPageKitGridRegion[];
+    comparisonLabel?: string;
+    onResetFilters?: () => void;
+    className?: string;
+}
+export declare function AnalyticsPageKit({ shell, title, description, filters, chartRegions, gridRegions, comparisonLabel, onResetFilters, className, }: AnalyticsPageKitProps): import("react/jsx-runtime").JSX.Element;