@timbal-ai/timbal-react 0.5.4 → 0.6.0

package/dist/layout-B9VayJhZ.d.cts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { FC } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToolCallMessagePartComponent } from '@assistant-ui/react';
+import { WorkforceItem } from '@timbal-ai/timbal-sdk';
+import { T as TimbalV2ButtonProps } from './timbal-v2-button-F4-z7m33.cjs';
+
+declare const MarkdownText: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+
+interface ToolStatus {
+    type: string;
+    reason?: string;
+}
+declare function useToolRunning(props: {
+    status?: ToolStatus;
+    result?: unknown;
+}): boolean;
+declare const ToolFallback: ToolCallMessagePartComponent;
+
+interface WorkforceSelectorProps {
+    /** List of workforces to choose from. */
+    workforces: WorkforceItem[];
+    /** Currently selected workforce id. */
+    value: string;
+    /** Called when the user picks a different workforce. */
+    onChange: (id: string) => void;
+    /** Hide the selector when there's only one option. Default: true. */
+    hideWhenSingle?: boolean;
+    className?: string;
+    placeholder?: string;
+}
+/**
+ * Minimal headless workforce picker. Wraps a styled native `<select>` so
+ * the SDK doesn't need to depend on `@radix-ui/react-select`, while still
+ * matching the Studio chrome (gradient pill, soft border, chevron).
+ *
+ * Apps that want a richer UI (search, descriptions, agent icons) can build
+ * their own using `useWorkforces()`.
+ */
+declare const WorkforceSelector: FC<WorkforceSelectorProps>;
+
+interface TooltipIconButtonProps extends Omit<TimbalV2ButtonProps, "isIconOnly"> {
+    /** Visible tooltip + accessible label. Always required. */
+    tooltip: string;
+    /** Tooltip placement. Default: "bottom". */
+    side?: "top" | "bottom" | "left" | "right";
+}
+/**
+ * Icon-only Timbal pill button with a tooltip. Used by every chat-surface
+ * toolbar (composer send/cancel, message action bar, scroll-to-bottom).
+ *
+ * Defaults to a soft `secondary` variant so it sits cleanly inside composers,
+ * message bubbles, and the action bar. Override via `variant`.
+ */
+declare const TooltipIconButton: React.ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Official layout class strings for custom `Thread` message slots.
+ *
+ * `Thread` sets `--thread-max-width` (default {@link THREAD_DEFAULT_MAX_WIDTH}).
+ * Overriding `components.AssistantMessage` or `components.UserMessage` removes
+ * the built-in chrome — apply these on `MessagePrimitive.Root`.
+ */
+/** Default `maxWidth` on `Thread` / `TimbalChatShell`. */
+declare const THREAD_DEFAULT_MAX_WIDTH = "44rem";
+/** Shared column — aligns custom messages with the composer footer. */
+declare const threadMessageColumnClass = "mx-auto w-full max-w-(--thread-max-width)";
+/** Matches built-in assistant message root (minus motion utilities). */
+declare const assistantMessageRootClass: string;
+/** Inner content padding for assistant text / artifacts. */
+declare const assistantMessageContentClass = "wrap-break-word px-2 text-foreground leading-relaxed";
+/** Matches built-in user message root. */
+declare const userMessageRootClass: string;
+
+export { MarkdownText as M, THREAD_DEFAULT_MAX_WIDTH as T, WorkforceSelector as W, ToolFallback as a, TooltipIconButton as b, type TooltipIconButtonProps as c, type WorkforceSelectorProps as d, assistantMessageContentClass as e, assistantMessageRootClass as f, userMessageRootClass as g, threadMessageColumnClass as t, useToolRunning as u };

package/dist/layout-CQWngNQ7.d.ts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { FC } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToolCallMessagePartComponent } from '@assistant-ui/react';
+import { WorkforceItem } from '@timbal-ai/timbal-sdk';
+import { T as TimbalV2ButtonProps } from './timbal-v2-button-F4-z7m33.js';
+
+declare const MarkdownText: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+
+interface ToolStatus {
+    type: string;
+    reason?: string;
+}
+declare function useToolRunning(props: {
+    status?: ToolStatus;
+    result?: unknown;
+}): boolean;
+declare const ToolFallback: ToolCallMessagePartComponent;
+
+interface WorkforceSelectorProps {
+    /** List of workforces to choose from. */
+    workforces: WorkforceItem[];
+    /** Currently selected workforce id. */
+    value: string;
+    /** Called when the user picks a different workforce. */
+    onChange: (id: string) => void;
+    /** Hide the selector when there's only one option. Default: true. */
+    hideWhenSingle?: boolean;
+    className?: string;
+    placeholder?: string;
+}
+/**
+ * Minimal headless workforce picker. Wraps a styled native `<select>` so
+ * the SDK doesn't need to depend on `@radix-ui/react-select`, while still
+ * matching the Studio chrome (gradient pill, soft border, chevron).
+ *
+ * Apps that want a richer UI (search, descriptions, agent icons) can build
+ * their own using `useWorkforces()`.
+ */
+declare const WorkforceSelector: FC<WorkforceSelectorProps>;
+
+interface TooltipIconButtonProps extends Omit<TimbalV2ButtonProps, "isIconOnly"> {
+    /** Visible tooltip + accessible label. Always required. */
+    tooltip: string;
+    /** Tooltip placement. Default: "bottom". */
+    side?: "top" | "bottom" | "left" | "right";
+}
+/**
+ * Icon-only Timbal pill button with a tooltip. Used by every chat-surface
+ * toolbar (composer send/cancel, message action bar, scroll-to-bottom).
+ *
+ * Defaults to a soft `secondary` variant so it sits cleanly inside composers,
+ * message bubbles, and the action bar. Override via `variant`.
+ */
+declare const TooltipIconButton: React.ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Official layout class strings for custom `Thread` message slots.
+ *
+ * `Thread` sets `--thread-max-width` (default {@link THREAD_DEFAULT_MAX_WIDTH}).
+ * Overriding `components.AssistantMessage` or `components.UserMessage` removes
+ * the built-in chrome — apply these on `MessagePrimitive.Root`.
+ */
+/** Default `maxWidth` on `Thread` / `TimbalChatShell`. */
+declare const THREAD_DEFAULT_MAX_WIDTH = "44rem";
+/** Shared column — aligns custom messages with the composer footer. */
+declare const threadMessageColumnClass = "mx-auto w-full max-w-(--thread-max-width)";
+/** Matches built-in assistant message root (minus motion utilities). */
+declare const assistantMessageRootClass: string;
+/** Inner content padding for assistant text / artifacts. */
+declare const assistantMessageContentClass = "wrap-break-word px-2 text-foreground leading-relaxed";
+/** Matches built-in user message root. */
+declare const userMessageRootClass: string;
+
+export { MarkdownText as M, THREAD_DEFAULT_MAX_WIDTH as T, WorkforceSelector as W, ToolFallback as a, TooltipIconButton as b, type TooltipIconButtonProps as c, type WorkforceSelectorProps as d, assistantMessageContentClass as e, assistantMessageRootClass as f, userMessageRootClass as g, threadMessageColumnClass as t, useToolRunning as u };