@tangle-network/ui 11.10.0 → 11.11.1

package/dist/index-2UntyjBb.d.ts

@@ -0,0 +1,52 @@
+import { i as ToolPart } from "./parts-5mhy9yJ3.js";
+//#region src/tool-previews/command-preview.d.ts
+interface CommandPreviewProps {
+  part: ToolPart;
+}
+/**
+ * Terminal-style command output preview.
+ * Shows the command, exit code, and stdout/stderr with expand/collapse.
+ */
+declare const CommandPreview: import("react").MemoExoticComponent<({ part }: CommandPreviewProps) => import("react").JSX.Element>;
+//#endregion
+//#region src/tool-previews/write-file-preview.d.ts
+interface WriteFilePreviewProps {
+  part: ToolPart;
+}
+/**
+ * Preview for file write/create operations.
+ * Shows file path, line count, and the written content.
+ */
+declare const WriteFilePreview: import("react").MemoExoticComponent<({ part }: WriteFilePreviewProps) => import("react").JSX.Element | null>;
+//#endregion
+//#region src/tool-previews/grep-results-preview.d.ts
+interface GrepResultsPreviewProps {
+  part: ToolPart;
+}
+declare const GrepResultsPreview: import("react").MemoExoticComponent<({ part }: GrepResultsPreviewProps) => import("react").JSX.Element>;
+//#endregion
+//#region src/tool-previews/glob-results-preview.d.ts
+interface GlobResultsPreviewProps {
+  part: ToolPart;
+}
+declare const GlobResultsPreview: import("react").MemoExoticComponent<({ part }: GlobResultsPreviewProps) => import("react").JSX.Element>;
+//#endregion
+//#region src/tool-previews/web-search-preview.d.ts
+interface WebSearchPreviewProps {
+  part: ToolPart;
+}
+declare const WebSearchPreview: import("react").MemoExoticComponent<({ part }: WebSearchPreviewProps) => import("react").JSX.Element>;
+//#endregion
+//#region src/tool-previews/question-preview.d.ts
+interface QuestionPreviewProps {
+  part: ToolPart;
+}
+declare const QuestionPreview: import("react").MemoExoticComponent<({ part }: QuestionPreviewProps) => import("react").JSX.Element>;
+//#endregion
+//#region src/tool-previews/diff-preview.d.ts
+interface DiffPreviewProps {
+  part: ToolPart;
+}
+declare const DiffPreview: import("react").MemoExoticComponent<({ part }: DiffPreviewProps) => import("react").JSX.Element>;
+//#endregion
+export { WebSearchPreview as a, GlobResultsPreviewProps as c, WriteFilePreview as d, WriteFilePreviewProps as f, QuestionPreviewProps as i, GrepResultsPreview as l, CommandPreviewProps as m, DiffPreviewProps as n, WebSearchPreviewProps as o, CommandPreview as p, QuestionPreview as r, GlobResultsPreview as s, DiffPreview as t, GrepResultsPreviewProps as u };

package/dist/index-BgUHilZm.d.ts

@@ -0,0 +1,108 @@
+import { i as ToolPart } from "./parts-5mhy9yJ3.js";
+import { r as ToolDisplayMetadata } from "./tool-display-DgmL5rIU.js";
+import { s as ToolCategory } from "./run-OyWmIDqu.js";
+import { ClassValue } from "clsx";
+//#region src/utils/copy-text.d.ts
+/**
+ * Copy text to clipboard with a non-secure-context fallback.
+ * Returns true if a copy strategy likely succeeded.
+ */
+declare function copyText(text: string): Promise<boolean>;
+//#endregion
+//#region src/utils/format.d.ts
+/** Format a duration in milliseconds to a human-readable string. */
+declare function formatDuration(ms: number): string;
+/** Truncate text to `max` characters, appending "..." if truncated. */
+declare function truncateText(text: string, max: number): string;
+/**
+ * Format an uptime duration in milliseconds with progressive
+ * granularity, so short-lived sandboxes don't render as "0d 0h".
+ *  - < 60s        → "Ns"
+ *  - < 60m        → "Nm Ss"
+ *  - < 24h        → "Nh Mm"
+ *  - otherwise    → "Nd Hh"
+ */
+declare function formatUptime(ms: number): string;
+/**
+ * Format a byte count using binary units (KiB/MiB/GiB, surfaced as
+ * "KB/MB/GB" for readability). KB and MB use one decimal below 10 and
+ * round above; GB keeps two decimals below 10 so half-GB changes stay
+ * visible on memory dashboards, and drops to one decimal above.
+ */
+declare function formatBytes(bytes: number): string;
+//#endregion
+//#region src/utils/time-ago.d.ts
+declare function timeAgo(ts: number): string;
+//#endregion
+//#region src/utils/tool-display.d.ts
+declare const TOOL_CATEGORY_ICONS: Record<ToolCategory, string>;
+declare function getToolCategory(toolName: string): ToolCategory;
+/**
+ * Title is the bare verb ("Read", "Edit", "Shell"); the path, command, pattern
+ * or query lives in `description` only, so a row prints its subject once.
+ * `targetPath` / `commandSnippet` carry the untruncated value for consumers
+ * that need it (diff headers, expanded detail).
+ */
+declare function getToolDisplayMetadata(part: ToolPart): ToolDisplayMetadata;
+/** Extract error text from a tool part, if any. */
+declare function getToolErrorText(part: ToolPart, fallback?: string): string | undefined;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+//#region src/lib/focus.d.ts
+/**
+ * The focus treatment every control shares, in two shapes over one palette
+ * (`--focus-border`, `--focus-halo` and `--border-strong` from
+ * `@tangle-network/brand`'s tokens.css).
+ *
+ * A FIELD — input, textarea, select trigger, composer — shows focus on its own
+ * border: the hairline shifts to `--focus-border` and a 3px `--focus-halo` ring
+ * spreads outside it. It keys off `:focus`, because a caret in a field needs the
+ * cue whether the field was clicked or tabbed into.
+ *
+ * A CONTROL — button, tab, switch, link, card — has no border to shift, so it
+ * draws a 1px `--focus-border` outline with the same 3px halo beyond it. It keys
+ * off `:focus-visible`, so a mouse click leaves no ring.
+ *
+ * The halo is a Tailwind ring, which renders as box-shadow: it follows
+ * border-radius and never moves layout, and a consumer removes it with
+ * `focus:ring-0` / `focus-visible:ring-0`, which tailwind-merge resolves against
+ * these classes. The control's line is an outline so that forced-colors mode,
+ * which drops box-shadows, still paints it. A field has its border for that, so
+ * it hides the outline with `outline-hidden`, which stays transparent-but-present
+ * in forced-colors mode.
+ */
+/**
+ * Resting hairline, neutral hover, and `:focus` border plus halo for a text
+ * field. The hover is a plain `hover:` class so a consumer's `hover:border-*`
+ * replaces it through tailwind-merge; the focus border outranks it because
+ * Tailwind emits `focus:` after `hover:`.
+ */
+declare const focusField = "border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] focus:outline-hidden focus:border-[var(--focus-border)] focus:ring-3 focus:ring-[var(--focus-halo)]";
+/**
+ * The field treatment for a container that wraps a borderless field, such as a
+ * composer around a textarea and its buttons. It lights while a FIELD inside
+ * has focus: a text input, textarea, native select or contenteditable editor. A
+ * focused button, checkbox or button-type input inside the container shows only
+ * its own ring, so a click on the send button does not read as field focus and
+ * a tab to it does not stack two indicators. `:focus-within` cannot tell the
+ * two apart, so the rule keys off `:has()`; a consumer's `focus-within:*` class
+ * therefore does not replace it. To style that container's focus differently,
+ * compose your own classes instead of this helper. The field selector is
+ * written out in full because Tailwind reads class names statically.
+ * Base styles use its marker class to clear the inner editor fallback outline.
+ */
+declare const focusFieldWithin = "focus-field-within border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
+/** Error state for a field: a danger hairline and the same focus shape in danger. Compose after `focusField`. */
+declare const focusFieldInvalid = "border-[var(--surface-danger-border)] hover:border-[var(--surface-danger-border)] focus:border-[var(--focus-border-danger)] focus:ring-[var(--focus-halo-danger)]";
+/** Keyboard-only focus for a control: a 1px focus line with the halo beyond it. */
+declare const focusRing = "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0";
+/**
+ * `focusRing` drawn inside the box, for a control flush against a scroll
+ * container or its neighbours (a tab strip, a list row), where an outer ring
+ * would be clipped or would overlap them.
+ */
+declare const focusRingInset = "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:-outline-offset-1 focus-visible:ring-inset";
+//#endregion
+export { focusRingInset as a, getToolCategory as c, timeAgo as d, formatBytes as f, copyText as g, truncateText as h, focusRing as i, getToolDisplayMetadata as l, formatUptime as m, focusFieldInvalid as n, cn as o, formatDuration as p, focusFieldWithin as r, TOOL_CATEGORY_ICONS as s, focusField as t, getToolErrorText as u };

package/dist/index-COgqsFAQ.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from "react";
+//#region src/redaction/redacted-document.d.ts
+/**
+ * Viewer for a server-produced redacted document. Renders text inline and each
+ * redacted span as a masked chip; clicking a chip asks the server to reveal that
+ * one span. The original plaintext is NEVER in the document the client holds —
+ * the chip carries only an id + kind; `onReveal` round-trips to the server, where
+ * `@tangle-network/agent-app/redact`'s `revealSpan` runs the authorization check
+ * and writes the audit trail. So authz + audit are server-truth; this is display.
+ *
+ * Structural types (no `@tangle-network/agent-app` dependency) — the viewer needs
+ * only `{ id, kind }` per span; the cipher stays server-side.
+ */
+type RedactedDocSegment = {
+  type: "text";
+  text: string;
+} | {
+  type: "redacted";
+  id: string;
+  kind: string;
+};
+interface RedactedDocumentData {
+  segments: RedactedDocSegment[];
+}
+interface RevealResult {
+  ok: boolean;
+  value?: string;
+  /** e.g. `forbidden` | `not_found` when `ok` is false. */
+  reason?: string;
+}
+interface RedactedDocumentProps {
+  document: RedactedDocumentData;
+  /** Reveal one span by id. Wire to a server route that calls agent-app's
+   *  `revealSpan` (authz + audit happen there). Resolves with the original. */
+  onReveal: (spanId: string) => Promise<RevealResult>;
+  /** Display label for a redaction kind (default: the kind, upper-cased). */
+  labelForKind?: (kind: string) => string;
+  className?: string;
+}
+declare function RedactedDocument({ document, onReveal, labelForKind, className }: RedactedDocumentProps): ReactNode;
+//#endregion
+export { RevealResult as a, RedactedDocumentProps as i, RedactedDocument as n, RedactedDocumentData as r, RedactedDocSegment as t };