@mgamadeus/ddd-agents 0.0.0-stage → 0.1.0-alpha.21

package/dist/types/widgets/WebSearchResultsConversationWidget/shared/display-hostname.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The hostname as a reader writes it: an internationalised domain arrives from `URL.hostname` in its ASCII form
+ * (`xn--bckerhandwerk-bfb.de`), which reads as noise on a source chip — each `xn--` label is decoded back to Unicode
+ * (`bäckerhandwerk.de`) with the Punycode algorithm of RFC 3492. A label that does not decode stays as it was. The
+ * favicon lookup keeps the ASCII form; this is for display only.
+ */
+/** Decodes the part of a label after `xn--`; undefined when it is not valid Punycode. */
+export declare const decodePunycodeLabel: (encodedLabel: string) => string | undefined;
+export declare const toDisplayHostname: (hostname: string) => string;

package/dist/types/widgets/WebSearchResultsConversationWidget/shared/web-search-results-widget-payload.d.ts

@@ -0,0 +1,30 @@
+/** One cited web source — the fields the widget renders (a numbered link with an optional title). */
+export interface WebSearchResultSource {
+    url: string;
+    title?: string;
+}
+/**
+ * Payload carried by `::WebSearchResults{payload='...'}` — the references of a web research answer.
+ *
+ * DATA-COMPLETE: the widget renders ENTIRELY from this payload — it never re-runs the search or fetches anything.
+ * The agent writes its answer as prose and the payload carries only the `sources` it used (url + title,
+ * copied from the tool results) plus the `query`. `answer` is the legacy field of messages stored before: when present
+ * the widget renders the full answer card.
+ *
+ * `display` lets the agent force inline vs canvas; omitted → the widget auto-picks (a short answer with few sources
+ * renders inline in the chat, a long answer or many sources opens in the canvas side panel).
+ */
+export interface WebSearchResultsPayload {
+    /** The query that was searched (shown as the headline / canvas card title fallback). */
+    query: string;
+    /** The LLM-written headline for the canvas card (user's language, e.g. "Opening-hours rules in 2026"); falls back to the query. */
+    title?: string;
+    /** The provider that produced the answer (PERPLEXITY | OPENAI | GEMINI) — shown as a small attribution. */
+    provider?: string;
+    display?: "inline" | "canvas";
+    /** Legacy: the answer as markdown; empty in the references form. */
+    answer: string;
+    /** The cited sources (url + optional title), in citation order. */
+    sources: WebSearchResultSource[];
+}
+export declare const parseWebSearchResultsPayload: (payload: string | undefined) => WebSearchResultsPayload;

package/dist/types/widgets/WritingDraftConversationWidget/WritingDraftConversationWidget.d.ts

@@ -0,0 +1,14 @@
+import type { PayloadConversationWidgetProps } from "../../renderer/conversation-widget-props";
+type WritingDraftConversationWidgetProps = PayloadConversationWidgetProps;
+/**
+ * The `WritingDraft` widget (ChatGPT's `WritingBlock`): a text the model drafted for the owner to
+ * send or publish themselves — an e-mail, a letter, a post, a reply, a message. DATA-COMPLETE: the block carries the
+ * whole draft (kind, title, recipient, subject, the body as Markdown); nothing is fetched. The owner edits it in place,
+ * copies the plain text and opens an e-mail draft in their own mail program (`mailto:`).
+ *
+ * Nothing leaves the screen: an edit, a copy or the mail link sends nothing to the agent (no signal, no message — the
+ * widget is not answerable) and nothing to anyone else; the footer says so while the owner edits. In a report e-mail it
+ * renders the draft read-only, without actions. A block without a text reports `empty`; an unreadable payload or a `body` that is no text reports `failed`.
+ */
+export declare const WritingDraftConversationWidget: (props: WritingDraftConversationWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/WritingDraftConversationWidget/WritingDraftWidget/WritingDraftBody.d.ts

@@ -0,0 +1,9 @@
+export interface WritingDraftBodyProps {
+    /** The draft text as Markdown, the model's words or the owner's edit. */
+    markdown: string;
+}
+/**
+ * The draft text, formatted: paragraphs, emphasis, lists and quotes through the shared conversation renderer; a single
+ * line break stays a line break (a signature, an address block).
+ */
+export declare const WritingDraftBody: (props: WritingDraftBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/WritingDraftConversationWidget/WritingDraftWidget/WritingDraftWidget.d.ts

@@ -0,0 +1,44 @@
+import type { WritingDraftKind } from "../shared/writing-draft-widget-payload";
+/** The draft as the widget shows it — the model's draft, or the owner's edit of it. */
+export interface WritingDraftValues {
+    recipient: string;
+    subject: string;
+    body: string;
+}
+export type WritingDraftField = keyof WritingDraftValues;
+/** The label above the headline per kind — one translation key each, never a concatenated word. */
+export declare const WRITING_DRAFT_KIND_LABELS: Record<WritingDraftKind | "unknown", string>;
+export interface WritingDraftWidgetProps {
+    kind?: WritingDraftKind;
+    /** The model's headline; shown under the kind label when it says more than the subject already does. */
+    title?: string;
+    values: WritingDraftValues;
+    /** Recipient and subject rows are part of this kind (an e-mail, a letter) even while empty. */
+    showsAddressFields: boolean;
+    isEditing: boolean;
+    /** The owner changed something; Reset brings the model's draft back. */
+    isEdited: boolean;
+    /** A post shows its length (characters of the plain text); undefined for the other kinds. */
+    characterCount?: number;
+    /** The copy button confirms for a moment after a copy. */
+    isCopied: boolean;
+    /** Offered for an e-mail draft only. */
+    canOpenInMail: boolean;
+    /** The mail link leaves the body out (too long): the owner is told to copy it. */
+    mailLinkOmitsBody: boolean;
+    onChangeField: (field: WritingDraftField, value: string) => void;
+    onStartEditing: () => void;
+    onFinishEditing: () => void;
+    onReset: () => void;
+    onCopy: () => void;
+    onOpenInMail: () => void;
+}
+/**
+ * The presentational draft: the kind label with the model's headline above the card; the card reads like the message
+ * itself — To and Subject as a mail header divided from the text by a hairline, then the text. The actions (Copy, Edit,
+ * Open in mail) sit centred under the card as small pills. Editing happens in the same card: the header rows and the
+ * text become fields, Done and Discard changes replace the actions and a note says the edit stays on this screen.
+ * Knows nothing about payloads, the registry or the chat. The actions are left out of an e-mail capture
+ * (`ConversationWidgetActions`).
+ */
+export declare const WritingDraftWidget: (props: WritingDraftWidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/WritingDraftConversationWidget/shared/draft-mail-link.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The `mailto:` link that opens an e-mail draft in the owner's own mail program (RFC 6068). The widget never sends
+ * anything: the link hands the recipient, the subject and the plain-text body to the mail program, which the owner
+ * then sends — or not. Only real e-mail addresses go into the address part (a name such as "Herr Müller" opens a draft
+ * without a recipient); a body that would make the link longer than mail programs reliably accept is left out, and
+ * the caller tells the owner to copy the text instead.
+ */
+/** Mail programs and browsers cut or refuse longer `mailto:` links (Outlook ~2,000, some browsers ~2,000). */
+export declare const MAX_MAIL_LINK_LENGTH = 1900;
+export interface DraftMailLink {
+    href: string;
+    /** False when the body was left out because the link would be too long. */
+    includesBody: boolean;
+}
+/** The addresses in a recipient line: `a@b.de, c@d.de`, `Anna Muster <anna@b.de>`; anything else is dropped. */
+export declare const readEmailAddresses: (recipient: string | undefined) => string[];
+export declare const buildDraftMailLink: (recipient: string | undefined, subject: string | undefined, plainTextBody: string) => DraftMailLink;

package/dist/types/widgets/WritingDraftConversationWidget/shared/draft-plain-text.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The draft's Markdown as the plain text the owner pastes into a mail program, a letter or a post: the copy button and
+ * the `mailto:` body use it, so no `**`, `#` or `[label](url)` syntax reaches the recipient. Paragraphs and line breaks
+ * stay; list items keep a "- " / "1. " marker; a link keeps its label and, when the label is not the address itself,
+ * the address in brackets. Pure, total, never throws.
+ */
+export declare const convertDraftMarkdownToPlainText: (markdown: string) => string;

package/dist/types/widgets/WritingDraftConversationWidget/shared/remark-draft-line-breaks.d.ts

@@ -0,0 +1,13 @@
+interface DraftMdastNode {
+    type: string;
+    value?: string;
+    children?: DraftMdastNode[];
+}
+/**
+ * A single line break in a draft is a line break on screen (a signature "Viele Grüße\nAnna Schmidt", an address block)
+ * — in plain Markdown it would join the two lines into one. Splits every text node at its newlines into text and
+ * `break` nodes, the way `remark-breaks` does (not a dependency of the app); code is left alone. A blank line stays a
+ * new paragraph, as in Markdown.
+ */
+export declare const remarkDraftLineBreaks: () => (tree: DraftMdastNode) => void;
+export {};

package/dist/types/widgets/WritingDraftConversationWidget/shared/writing-draft-widget-payload.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The `WritingDraft` payload (DATA-COMPLETE: the model writes the whole draft). The parser is alias-tolerant (weak
+ * models rename fields while they write, and ChatGPT's own `WritingArtifact` shape — `variant`, `content.text` — may be
+ * copied), caps every string, and never throws: malformed JSON gives `isValidPayload: false`, which the widget reports
+ * as `failed`; a payload without a text reports `empty`.
+ */
+/** The body length shown at most (the backend's `WritingDraftConversationWidget::MAX_BODY_LENGTH`); the rest is cut. */
+export declare const MAX_DRAFT_BODY_LENGTH = 20000;
+/** The kinds the widget labels; the backend's `WritingDraftConversationWidget::KINDS`. */
+export type WritingDraftKind = "email" | "letter" | "post" | "reply" | "message" | "other";
+export interface WritingDraftPayload {
+    /** False when the payload is not a JSON object at all. */
+    isValidPayload: boolean;
+    kind?: WritingDraftKind;
+    title?: string;
+    recipient?: string;
+    subject?: string;
+    /** The draft as Markdown; "" when the model wrote none. */
+    body: string;
+    /** A body field is there but holds no text (an object, a number, a list) — reported `failed`, not `empty`. */
+    isBodyUnreadable: boolean;
+}
+export declare const parseWritingDraftPayload: (payload: string | undefined) => WritingDraftPayload;

package/dist/types/widgets/_shared/ConversationWidgetButton.d.ts

@@ -0,0 +1,4 @@
+import { Button } from "../../provider/components";
+import type { ComponentProps } from "react";
+/** An action button inside a widget; screenshots retain the content surrounding the action. */
+export declare const ConversationWidgetButton: (props: ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/_shared/DonePill.d.ts

@@ -0,0 +1,14 @@
+interface DonePillProps {
+    children: string;
+    /** False for a label the agent wrote at runtime — only the static copy goes through the translator. */
+    translate?: boolean;
+    /** `neutral` for an answer that declined or cancelled: no check. */
+    status?: "success" | "neutral";
+    testId?: string;
+}
+/**
+ * What was done, where the answer buttons were: one pill naming the action the owner chose. It takes the focus the
+ * button had when that button unmounts with it; mount it inside a live region that was already there.
+ */
+export declare const DonePill: (props: DonePillProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/_shared/modern/WidgetKpiValue.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export interface WidgetKpiValueProps {
+    /** The label above the number — business content, so the caller passes it already in the owner's language. */
+    label: ReactNode;
+    /** The formatted number (`2.4K`, `87 %`). */
+    value: ReactNode;
+    /** Lower-case, describes the number; never repeats the label. */
+    unit?: ReactNode;
+    /** The change indicator (`TrendDelta`), on the unit line. */
+    delta?: ReactNode;
+    loading?: boolean;
+    valuePresentation?: "hero" | "text";
+    /** A small status badge at the end of the label line. */
+    accent?: ReactNode;
+    /** A score visual (a meter) directly under the value. */
+    meter?: ReactNode;
+    testId?: string;
+}
+/**
+ * The KPI value of the chat widgets and the kit's KPI node: the hero scale (the app's dashboard scale) (48px bold,
+ * tabular, scaled down to fit) re-used, never a second type scale. The label is known before the data, so it is never
+ * a skeleton. A text value sits in the same hero line box, so the lines under it align across a row of KPIs.
+ */
+export declare const WidgetKpiValue: (props: WidgetKpiValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/_shared/modern/WidgetListRow.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface WidgetListRowProps {
+    /** Business content in the owner's language (no translation). */
+    title: ReactNode;
+    meta?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** Makes the row a native button (keyboard and screen reader included); never an onClick on a div. */
+    onClick?: () => void;
+    className?: string;
+    testId?: string;
+}
+/** One row of a list inside a widget surface: title over muted meta, hairline-divided. */
+export declare const WidgetListRow: (props: WidgetListRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/_shared/modern/WidgetStatusChip.d.ts

@@ -0,0 +1,8 @@
+import { type AgentsStatusChipProps, type AgentsStatusChipTone } from "../../../provider/components";
+export type WidgetStatusTone = AgentsStatusChipTone;
+export type WidgetStatusChipProps = AgentsStatusChipProps;
+/**
+ * The status chip of the chat widgets: the `StatusChip` component (in the app: the dashboard's status
+ * pill), so the chat and the dashboard read the same.
+ */
+export declare const WidgetStatusChip: (props: WidgetStatusChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/_shared/modern/WidgetSurface.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export type WidgetSurfaceLevel = "elevated" | "flat";
+export interface WidgetSurfaceProps {
+    children: ReactNode;
+    /** `elevated` on the chat; `flat` for a tile inside a surface or anything inside a canvas pane. */
+    level?: WidgetSurfaceLevel;
+    /** The compact radius and padding pair, for small nested tiles. */
+    compact?: boolean;
+    className?: string;
+    testId?: string;
+}
+/** The surface every modern widget and kit component sits on — one radius, one padding, one shadow per level. */
+export declare const WidgetSurface: (props: WidgetSurfaceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/_shared/modern/WidgetSurfaceSkeleton.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import { type WidgetSurfaceLevel } from "./WidgetSurface";
+export interface WidgetSurfaceSkeletonProps {
+    /** The widget's title — known before the data, so it is real text, never a skeleton. */
+    title?: ReactNode;
+    rowCount?: number;
+    level?: WidgetSurfaceLevel;
+    testId?: string;
+}
+/** The loading state shaped like the surface it stands for: the same surface, the title, then row-shaped blocks. */
+export declare const WidgetSurfaceSkeleton: (props: WidgetSurfaceSkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/_shared/modern/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The modern widget design primitives — the one place a chat widget or a kit component takes its look
+ * from. The KPI hero scale, the widget text and the status chip are replaceable components of the provider (the app
+ * supplies its dashboard's primitives), re-exported here so the chat never grows a second type scale.
+ */
+export { WidgetSurface } from "./WidgetSurface";
+export type { WidgetSurfaceLevel, WidgetSurfaceProps } from "./WidgetSurface";
+export { WidgetKpiValue } from "./WidgetKpiValue";
+export type { WidgetKpiValueProps } from "./WidgetKpiValue";
+export { WidgetListRow } from "./WidgetListRow";
+export type { WidgetListRowProps } from "./WidgetListRow";
+export { WidgetStatusChip } from "./WidgetStatusChip";
+export type { WidgetStatusChipProps, WidgetStatusTone } from "./WidgetStatusChip";
+export { WidgetSurfaceSkeleton } from "./WidgetSurfaceSkeleton";
+export type { WidgetSurfaceSkeletonProps } from "./WidgetSurfaceSkeleton";
+export { HeroValue, WidgetText } from "../../../provider/components";

package/dist/types/widgets/_shared/skeleton-primitives.d.ts

@@ -0,0 +1,20 @@
+interface LineProps {
+    width?: number | string;
+    height?: number;
+    radius?: number;
+    className?: string;
+}
+export declare const SkeletonLine: ({ width, height, radius, className }: LineProps) => import("react/jsx-runtime").JSX.Element;
+interface CircleProps {
+    size: number;
+    className?: string;
+}
+export declare const SkeletonCircle: ({ size, className }: CircleProps) => import("react/jsx-runtime").JSX.Element;
+interface PillProps {
+    width?: number | string;
+    height?: number;
+    className?: string;
+}
+export declare const SkeletonPill: ({ width, height, className }: PillProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonWidgetLabel: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/_shared/use-stack-when-wrapped.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A row of buttons that turns into a full-width column once it would wrap: `data-stacked` goes on the row (its CSS lays
+ * the column out). The row is measured as a row whenever its width or `items` change, so it goes back as soon as the
+ * buttons fit. Attach the returned callback ref to the row, which may mount later than the hook's host.
+ */
+export declare const useStackWhenWrapped: <T extends HTMLElement>(items: unknown) => import("react").Dispatch<import("react").SetStateAction<T | null>>;

package/dist/types/widgets/_shared/widget-payload-validation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Whitelist helpers for LLM-emitted widget payload values. Filter values
+ * flow into backend filter strings (`status eq '<value>'`, `directories in
+ * ['<value>']`) and Redux filter slices, so nothing may pass through without
+ * either matching a known literal or a safe-charset alias check — a stray
+ * quote in a value would otherwise break or co-opt the filter expression.
+ */
+/** Keep only values present in `allowed`; undefined when nothing survives. */
+export declare const pickAllowed: <T extends string>(values: unknown, allowed: ReadonlyArray<T>) => T[] | undefined;
+/** Single-value variant of `pickAllowed`. */
+export declare const pickAllowedValue: <T extends string>(value: unknown, allowed: ReadonlyArray<T>) => T | undefined;
+/**
+ * Keep only strings matching the safe alias charset (letters, digits, `_`, `-`).
+ * For open-ended vocabularies (e.g. aliases of data sources an app adds at runtime) where a fixed
+ * whitelist is impossible but quotes/spaces must never pass.
+ */
+export declare const pickSafeAliases: (values: unknown) => string[] | undefined;
+/** Single-value variant of `pickSafeAliases` (e.g. a source alias or an id token of the app's own form). */
+export declare const pickSafeAlias: (value: unknown) => string | undefined;
+export declare const pickReviewExternalId: (value: unknown) => string | undefined;
+/** Keep a free-text string, capped at `maxLength` — e.g. a model-drafted reply pre-filled into an input. */
+export declare const pickText: (value: unknown, maxLength?: number) => string | undefined;

package/dist/widgets.js

@@ -0,0 +1,84 @@
+"use client";
+import { z as classNames, q as Text, p as StatusChip, aF as WidgetSurface, aG as SkeletonCircle, aH as SkeletonLine } from "./chunks/WebSearchResultsConversationWidget-BvnLWHyi.js";
+import { aI, aJ, aK, aL, aM, aN, aO, aP, e, aQ, aR, aS, aT, aU, aV, v, aW, aX } from "./chunks/WebSearchResultsConversationWidget-BvnLWHyi.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+const row$1 = "agents_row_3Kb6Jj";
+const withoutLeading = "agents_withoutLeading_7XTCP7";
+const clickable = "agents_clickable_-T4Zgc";
+const text = "agents_text_fJd93m";
+const trailing = "agents_trailing_FOCyQL";
+const styles$1 = {
+  row: row$1,
+  withoutLeading,
+  clickable,
+  text,
+  trailing
+};
+const WidgetListRow = (props) => {
+  const { title, meta, leading, trailing: trailing2, onClick, className, testId } = props;
+  const rowClassName = classNames(
+    styles$1.row,
+    leading === void 0 && styles$1.withoutLeading,
+    onClick && styles$1.clickable,
+    className
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leading,
+    /* @__PURE__ */ jsxs("span", { className: styles$1.text, children: [
+      /* @__PURE__ */ jsx(Text, { role: "body", weight: "bold", translate: false, children: title }),
+      meta ? /* @__PURE__ */ jsx(Text, { role: "caption", color: "var(--agents-fg-light)", translate: false, children: meta }) : null
+    ] }),
+    trailing2 ? /* @__PURE__ */ jsx("span", { className: styles$1.trailing, children: trailing2 }) : /* @__PURE__ */ jsx("span", {})
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsx("button", { type: "button", className: rowClassName, onClick, "data-testid": testId, children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className: rowClassName, "data-testid": testId, children: content });
+};
+const WidgetStatusChip = (props) => /* @__PURE__ */ jsx(StatusChip, { ...props });
+const rows = "agents_rows_ZeurFw";
+const row = "agents_row_2esTMM";
+const rowText = "agents_rowText_TlYKqo";
+const styles = {
+  rows,
+  row,
+  rowText
+};
+const WidgetSurfaceSkeleton = (props) => {
+  const { title, rowCount = 3, level = "elevated", testId } = props;
+  return /* @__PURE__ */ jsxs(WidgetSurface, { level, testId, children: [
+    title ? /* @__PURE__ */ jsx(Text, { role: "intro", weight: "bold", translate: false, children: title }) : null,
+    /* @__PURE__ */ jsx("div", { className: styles.rows, "aria-busy": "true", children: Array.from({ length: rowCount }, (unused, rowIndex) => /* @__PURE__ */ jsxs("div", { className: styles.row, children: [
+      /* @__PURE__ */ jsx(SkeletonCircle, { size: 32 }),
+      /* @__PURE__ */ jsxs("span", { className: styles.rowText, children: [
+        /* @__PURE__ */ jsx(SkeletonLine, { width: "60%", height: 12 }),
+        /* @__PURE__ */ jsx(SkeletonLine, { width: "35%", height: 10 })
+      ] })
+    ] }, rowIndex)) })
+  ] });
+};
+export {
+  aI as CanvasWidgetCard,
+  aJ as CanvasWidgetSwitch,
+  aK as ClockConversationWidget,
+  aL as ConceptExplainerConversationWidget,
+  aM as ConversationSearchResultsConversationWidget,
+  aN as CurrencyConverterConversationWidget,
+  aO as CustomVisualizationConversationWidget,
+  aP as EntityMentionConversationWidget,
+  e as HeroValue,
+  aQ as MultiChoiceConversationWidget,
+  aR as QuickRepliesConversationWidget,
+  aS as SuggestedActions,
+  aT as ToolTraceConversationWidget,
+  aU as WebSearchResultsConversationWidget,
+  aV as WidgetKpiValue,
+  WidgetListRow,
+  WidgetStatusChip,
+  WidgetSurface,
+  WidgetSurfaceSkeleton,
+  v as WidgetText,
+  aW as WritingDraftConversationWidget,
+  aX as canvasForMessageWidget
+};
+//# sourceMappingURL=widgets.js.map

package/dist/widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.js","sources":["../src/widgets/_shared/modern/WidgetListRow.tsx","../src/widgets/_shared/modern/WidgetStatusChip.tsx","../src/widgets/_shared/modern/WidgetSurfaceSkeleton.tsx"],"sourcesContent":["import { Text } from \"../../../provider/components\";\nimport { classNames } from \"../../../provider/class-names\";\nimport type { ReactNode } from \"react\";\nimport styles from \"./WidgetListRow.module.scss\";\n\nexport interface WidgetListRowProps {\n  /** Business content in the owner's language (no translation). */\n  title: ReactNode;\n  meta?: ReactNode;\n  leading?: ReactNode;\n  trailing?: ReactNode;\n  /** Makes the row a native button (keyboard and screen reader included); never an onClick on a div. */\n  onClick?: () => void;\n  className?: string;\n  testId?: string;\n}\n\n/** One row of a list inside a widget surface: title over muted meta, hairline-divided. */\nexport const WidgetListRow = (props: WidgetListRowProps) => {\n  const { title, meta, leading, trailing, onClick, className, testId } = props;\n  const rowClassName = classNames(\n    styles.row,\n    leading === undefined && styles.withoutLeading,\n    onClick && styles.clickable,\n    className,\n  );\n  const content = (\n    <>\n      {leading}\n      <span className={styles.text}>\n        <Text role=\"body\" weight=\"bold\" translate={false}>\n          {title}\n        </Text>\n        {meta ? (\n          <Text role=\"caption\" color=\"var(--agents-fg-light)\" translate={false}>\n            {meta}\n          </Text>\n        ) : null}\n      </span>\n      {trailing ? <span className={styles.trailing}>{trailing}</span> : <span />}\n    </>\n  );\n  if (onClick) {\n    return (\n      <button type=\"button\" className={rowClassName} onClick={onClick} data-testid={testId}>\n        {content}\n      </button>\n    );\n  }\n  return (\n    <div className={rowClassName} data-testid={testId}>\n      {content}\n    </div>\n  );\n};\n","import { StatusChip, type AgentsStatusChipProps, type AgentsStatusChipTone } from \"../../../provider/components\";\n\nexport type WidgetStatusTone = AgentsStatusChipTone;\n\nexport type WidgetStatusChipProps = AgentsStatusChipProps;\n\n/**\n * The status chip of the chat widgets: the `StatusChip` component (in the app: the dashboard's status\n * pill), so the chat and the dashboard read the same.\n */\nexport const WidgetStatusChip = (props: WidgetStatusChipProps) => <StatusChip {...props} />;\n","import { Text } from \"../../../provider/components\";\nimport type { ReactNode } from \"react\";\nimport { SkeletonCircle, SkeletonLine } from \"../skeleton-primitives\";\nimport { WidgetSurface, type WidgetSurfaceLevel } from \"./WidgetSurface\";\nimport styles from \"./WidgetSurfaceSkeleton.module.scss\";\n\nexport interface WidgetSurfaceSkeletonProps {\n  /** The widget's title — known before the data, so it is real text, never a skeleton. */\n  title?: ReactNode;\n  rowCount?: number;\n  level?: WidgetSurfaceLevel;\n  testId?: string;\n}\n\n/** The loading state shaped like the surface it stands for: the same surface, the title, then row-shaped blocks. */\nexport const WidgetSurfaceSkeleton = (props: WidgetSurfaceSkeletonProps) => {\n  const { title, rowCount = 3, level = \"elevated\", testId } = props;\n  return (\n    <WidgetSurface level={level} testId={testId}>\n      {title ? (\n        <Text role=\"intro\" weight=\"bold\" translate={false}>\n          {title}\n        </Text>\n      ) : null}\n      <div className={styles.rows} aria-busy=\"true\">\n        {Array.from({ length: rowCount }, (unused, rowIndex) => (\n          <div key={rowIndex} className={styles.row}>\n            <SkeletonCircle size={32} />\n            <span className={styles.rowText}>\n              <SkeletonLine width=\"60%\" height={12} />\n              <SkeletonLine width=\"35%\" height={10} />\n            </span>\n          </div>\n        ))}\n      </div>\n    </WidgetSurface>\n  );\n};\n"],"names":["trailing","styles"],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM,EAAE,OAAO,MAAM,SAAS,UAAAA,WAAU,SAAS,WAAW,WAAW;AACvE,QAAM,eAAe;AAAA,IACnBC,SAAO;AAAA,IACP,YAAY,UAAaA,SAAO;AAAA,IAChC,WAAWA,SAAO;AAAA,IAClB;AAAA,EAAA;AAEF,QAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACD,qBAAC,QAAA,EAAK,WAAWA,SAAO,MACtB,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAK,QAAO,QAAO,QAAO,WAAW,OACxC,UAAA,MAAA,CACH;AAAA,MACC,OACC,oBAAC,MAAA,EAAK,MAAK,WAAU,OAAM,0BAAyB,WAAW,OAC5D,UAAA,KAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCD,gCAAY,QAAA,EAAK,WAAWC,SAAO,UAAW,UAAAD,UAAA,CAAS,IAAU,oBAAC,QAAA,CAAA,CAAK;AAAA,EAAA,GAC1E;AAEF,MAAI,SAAS;AACX,WACE,oBAAC,YAAO,MAAK,UAAS,WAAW,cAAc,SAAkB,eAAa,QAC3E,UAAA,QAAA,CACH;AAAA,EAEJ;AACA,6BACG,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA,SACH;AAEJ;AC5CO,MAAM,mBAAmB,CAAC,UAAiC,oBAAC,YAAA,EAAY,GAAG,MAAA,CAAO;;;;;;;;;ACKlF,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM,EAAE,OAAO,WAAW,GAAG,QAAQ,YAAY,WAAW;AAC5D,SACE,qBAAC,eAAA,EAAc,OAAc,QAC1B,UAAA;AAAA,IAAA,QACC,oBAAC,QAAK,MAAK,SAAQ,QAAO,QAAO,WAAW,OACzC,UAAA,MAAA,CACH,IACE;AAAA,IACJ,oBAAC,SAAI,WAAW,OAAO,MAAM,aAAU,QACpC,gBAAM,KAAK,EAAE,QAAQ,YAAY,CAAC,QAAQ,kCACxC,OAAA,EAAmB,WAAW,OAAO,KACpC,UAAA;AAAA,MAAA,oBAAC,gBAAA,EAAe,MAAM,GAAA,CAAI;AAAA,MAC1B,qBAAC,QAAA,EAAK,WAAW,OAAO,SACtB,UAAA;AAAA,QAAA,oBAAC,cAAA,EAAa,OAAM,OAAM,QAAQ,IAAI;AAAA,QACtC,oBAAC,cAAA,EAAa,OAAM,OAAM,QAAQ,GAAA,CAAI;AAAA,MAAA,EAAA,CACxC;AAAA,IAAA,EAAA,GALQ,QAMV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/package.json

@@ -1,6 +1,150 @@
 {
   "name": "@mgamadeus/ddd-agents",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0-alpha.21",
+  "description": "The web frontend of the ddd-agents module: the agent chat, the widget renderer and the composed-view kit.",
+  "keywords": [
+    "ddd",
+    "mgamadeus",
+    "agents",
+    "react"
+  ],
+  "homepage": "https://github.com/ddd-framework/ddd-agents/tree/main/web#readme",
+  "bugs": {
+    "url": "https://github.com/ddd-framework/ddd-agents/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ddd-framework/ddd-agents.git",
+    "directory": "web"
+  },
+  "license": "MIT",
+  "author": "Marius-Eugen Gerdan <marius@gerdan.net>",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "./dist/index.js",
+    "./dist/renderer.js",
+    "./dist/kit.js",
+    "./dist/widgets.js",
+    "./dist/chat.js",
+    "./dist/preview.js",
+    "./dist/image-render.js",
+    "./dist/chunks/*.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/entries/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./renderer": {
+      "types": "./dist/types/entries/renderer.d.ts",
+      "import": "./dist/renderer.js"
+    },
+    "./kit": {
+      "types": "./dist/types/entries/kit.d.ts",
+      "import": "./dist/kit.js"
+    },
+    "./widgets": {
+      "types": "./dist/types/entries/widgets.d.ts",
+      "import": "./dist/widgets.js"
+    },
+    "./contract": {
+      "types": "./dist/types/entries/contract.d.ts",
+      "import": "./dist/contract.js"
+    },
+    "./client": {
+      "types": "./dist/types/entries/client.d.ts",
+      "import": "./dist/client.js"
+    },
+    "./client/testing": {
+      "types": "./dist/types/entries/client-testing.d.ts",
+      "import": "./dist/client-testing.js"
+    },
+    "./chat": {
+      "types": "./dist/types/entries/chat.d.ts",
+      "import": "./dist/chat.js"
+    },
+    "./preview": {
+      "types": "./dist/types/entries/preview.d.ts",
+      "import": "./dist/preview.js"
+    },
+    "./image-render": {
+      "types": "./dist/types/entries/image-render.d.ts",
+      "import": "./dist/image-render.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "peerDependencies": {
+    "@types/google.maps": "^3.55.0",
+    "apexcharts": "^3.35.0",
+    "axios": "^0.28.0",
+    "dompurify": "^3.4.0",
+    "highlight.js": "^11.12.0",
+    "katex": "^0.19.0",
+    "mermaid": "^12.2.0",
+    "react": "^19.2.0",
+    "react-apexcharts": "^1.4.0",
+    "react-dom": "^19.2.0",
+    "react-markdown": "^10.1.0",
+    "remark-directive": "^4.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "axios": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@reduxjs/toolkit": "1.9.7",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.0",
+    "@types/google.maps": "^3.55.0",
+    "@types/node": "22.10.0",
+    "@types/react": "19.2.0",
+    "@types/react-dom": "19.2.0",
+    "apexcharts": "^3.35.0",
+    "axios": "^0.28.0",
+    "dompurify": "^3.4.0",
+    "highlight.js": "^11.12.0",
+    "jsdom": "29.1.1",
+    "katex": "^0.19.0",
+    "mdast-util-directive": "3.1.0",
+    "mermaid": "^12.2.0",
+    "react": "^19.2.0",
+    "react-apexcharts": "^1.4.0",
+    "react-dom": "^19.2.0",
+    "react-markdown": "^10.1.0",
+    "react-redux": "9.2.0",
+    "remark-directive": "^4.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "sass": "1.79.6",
+    "typescript": "7.0.2",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.0.0",
+    "vite": "7.3.1",
+    "vitest": "4.1.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node scripts/clean.mjs && vite build && tsc -p tsconfig.build.json && node scripts/check-package.mjs .",
+    "check-package": "node scripts/check-package.mjs .",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.build.json --noEmit --declaration false --emitDeclarationOnly false"
+  }
 }