@gram-ai/elements 1.17.0 → 1.18.1

package/dist/components/Chat/stories/ColorScheme.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const Light: Story;
+export declare const Dark: Story;
+export declare const System: Story;

package/dist/components/Chat/stories/Composer.stories.d.ts

@@ -0,0 +1,7 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const CustomPlaceholder: Story;
+export declare const AttachmentsDisabled: Story;

package/dist/components/Chat/stories/Customization.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const SystemPrompt: Story;
+export declare const ComponentOverridesStory: Story;
+export declare const LanguageModel: Story;

package/dist/components/Chat/stories/Density.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const Compact: Story;
+export declare const Normal: Story;
+export declare const Spacious: Story;

package/dist/components/Chat/stories/FrontendTools.stories.d.ts

@@ -0,0 +1,6 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const FetchUrl: Story;

package/dist/components/Chat/stories/Modal.stories.d.ts

@@ -0,0 +1,11 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const CustomIcon: Story;
+export declare const Expandable: Story;
+export declare const PositionTopRight: Story;
+export declare const PositionBottomRight: Story;
+export declare const PositionBottomLeft: Story;
+export declare const PositionTopLeft: Story;

package/dist/components/Chat/stories/Model.stories.d.ts

@@ -0,0 +1,6 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const ModelPicker: Story;

package/dist/components/Chat/stories/Plugins.stories.d.ts

@@ -0,0 +1,6 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const ChartPlugin: Story;

package/dist/components/Chat/stories/Radius.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const Round: Story;
+export declare const Soft: Story;
+export declare const Sharp: Story;

package/dist/components/Chat/stories/ToolApproval.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const SingleTool: Story;
+export declare const MultipleGroupedTools: Story;
+export declare const FrontendTool: Story;

package/dist/components/Chat/stories/Tools.stories.d.ts

@@ -0,0 +1,6 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const CustomToolComponent: Story;

package/dist/components/Chat/stories/Variants.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const Default: Story;
+export declare const Standalone: Story;
+export declare const Sidecar: Story;

package/dist/components/Chat/stories/Welcome.stories.d.ts

@@ -0,0 +1,6 @@
+import { Chat } from '..';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const CustomMessage: Story;

package/dist/components/assistant-ui/tooltip-icon-button.d.ts

@@ -1,8 +1,9 @@
 import { ComponentPropsWithRef } from 'react';
 import { Button } from '../ui/button';
-export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
+type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
     tooltip: string;
     side?: 'top' | 'bottom' | 'left' | 'right';
     align?: 'start' | 'center' | 'end';
 };
 export declare const TooltipIconButton: import('react').ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/tool-ui.d.ts

@@ -1,5 +1,19 @@
+import { BundledLanguage } from 'shiki';
 import * as React from 'react';
-type ToolStatus = 'pending' | 'running' | 'complete' | 'error';
+type ToolStatus = 'pending' | 'running' | 'complete' | 'error' | 'approval';
+type ContentItem = {
+    type: 'text';
+    text: string;
+    _meta?: {
+        'getgram.ai/mime-type'?: string;
+    };
+} | {
+    type: 'image';
+    data: string;
+    _meta?: {
+        'getgram.ai/mime-type'?: string;
+    };
+};
 interface ToolUIProps {
     /** Display name of the tool */
     name: string;
@@ -11,22 +25,60 @@ interface ToolUIProps {
     status?: ToolStatus;
     /** Request/input data - can be string or object */
     request?: string | Record<string, unknown>;
-    /** Result/output data - can be string or object */
-    result?: string | Record<string, unknown>;
+    /** Result/output data - can be string, object, or structured content array */
+    result?: string | Record<string, unknown> | {
+        content: ContentItem[];
+    };
     /** Whether the tool card starts expanded */
     defaultExpanded?: boolean;
     /** Additional class names */
     className?: string;
+    /** Approval callbacks */
+    onApproveOnce?: () => void;
+    onApproveForSession?: () => void;
+    onDeny?: () => void;
 }
 interface ToolUISectionProps {
     /** Section title */
     title: string;
     /** Content to display - string or object (will be JSON stringified) */
-    content: string | Record<string, unknown>;
+    content: string | Record<string, unknown> | {
+        content: ContentItem[];
+    };
     /** Whether section starts expanded */
     defaultExpanded?: boolean;
+    /** Enable syntax highlighting */
+    highlightSyntax?: boolean;
+    /** Language hint for syntax highlighting */
+    language?: BundledLanguage;
 }
-declare function ToolUISection({ title, content, defaultExpanded, }: ToolUISectionProps): import("react/jsx-runtime").JSX.Element;
-declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, className, }: ToolUIProps): import("react/jsx-runtime").JSX.Element;
-export { ToolUI, ToolUISection };
-export type { ToolUIProps, ToolUISectionProps, ToolStatus };
+declare function StatusIndicator({ status }: {
+    status: ToolStatus;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CopyButton({ content }: {
+    content: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SyntaxHighlightedCode({ text, language, className, }: {
+    text: string;
+    language?: BundledLanguage;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToolUISection({ title, content, defaultExpanded, highlightSyntax, language, }: ToolUISectionProps): import("react/jsx-runtime").JSX.Element;
+declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, className, onApproveOnce, onApproveForSession, onDeny, }: ToolUIProps): import("react/jsx-runtime").JSX.Element;
+interface ToolUIGroupProps {
+    /** Title for the group header */
+    title: string;
+    /** Optional icon */
+    icon?: React.ReactNode;
+    /** Overall status of the group */
+    status?: 'running' | 'complete';
+    /** Whether the group starts expanded */
+    defaultExpanded?: boolean;
+    /** Child tool UI components */
+    children: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+}
+declare function ToolUIGroup({ title, icon, status, defaultExpanded, children, className, }: ToolUIGroupProps): import("react/jsx-runtime").JSX.Element;
+export { ToolUI, ToolUISection, ToolUIGroup, SyntaxHighlightedCode, StatusIndicator, CopyButton, };
+export type { ToolUIProps, ToolUISectionProps, ToolUIGroupProps, ToolStatus, ContentItem, };

package/dist/components/ui/tool-ui.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryFn } from '@storybook/react-vite';
+import { ToolUI } from './tool-ui';
+declare const meta: Meta<typeof ToolUI>;
+export default meta;
+type Story = StoryFn<typeof ToolUI>;
+export declare const Complete: Story;
+export declare const Running: Story;
+export declare const Pending: Story;
+export declare const Error: Story;
+export declare const WithoutProvider: Story;
+export declare const WithCustomIcon: Story;
+export declare const DefaultExpanded: Story;
+export declare const LongContent: Story;
+export declare const MultipleTools: Story;

package/dist/contexts/ToolApprovalContext.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+interface PendingApproval {
+    toolCallId: string;
+    toolName: string;
+    args: unknown;
+    resolve: (approved: boolean) => void;
+}
+interface ToolApprovalContextType {
+    pendingApprovals: Map<string, PendingApproval>;
+    approvedTools: Set<string>;
+    requestApproval: (toolName: string, toolCallId: string, args: unknown) => Promise<boolean>;
+    /** Whitelist a tool name so all future calls are auto-approved */
+    whitelistTool: (toolName: string) => void;
+    /** Confirm a specific pending tool call approval */
+    confirmPendingApproval: (toolCallId: string) => void;
+    /** Reject a specific pending tool call approval */
+    rejectPendingApproval: (toolCallId: string) => void;
+    isToolApproved: (toolName: string) => boolean;
+    getPendingApproval: (toolCallId: string) => PendingApproval | undefined;
+}
+export declare function ToolApprovalProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export type { ToolApprovalContextType };

package/dist/contexts/contexts.d.ts

@@ -0,0 +1,4 @@
+import { ElementsContextType } from '../types';
+import { ToolApprovalContextType } from './ToolApprovalContext';
+export declare const ElementsContext: import('react').Context<ElementsContextType | undefined>;
+export declare const ToolApprovalContext: import('react').Context<ToolApprovalContextType | null>;