research-agent-ui 0.1.85 → 0.1.87

package/dist/components/ArticleReader/ArticleAIResponse.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ArticleAIResponse from './ArticleAIResponse';
+/**
+ * `ArticleAIResponse` renders the AI answer to a question about the current
+ * article. It shows a spinner while loading, the (HTML) response when ready,
+ * and an error banner on failure.
+ */
+declare const meta: Meta<typeof ArticleAIResponse>;
+export default meta;
+type Story = StoryObj<typeof ArticleAIResponse>;
+export declare const Loading: Story;
+export declare const WithResponse: Story;
+export declare const Error: Story;

package/dist/components/ArticleReader/ArticleActionButtons.d.ts

@@ -1,8 +1,66 @@
 /**
  * Toolbar with Ask AI, Suggest, Copy, Highlight, Favorite, Open-in-new-tab, and Close buttons
  * shown at the top of the article extract panel.
+ *
+ * Each button has a shadcn/Radix tooltip that appears on hover (zero delay) showing the
+ * action label and its keyboard shortcut. The shortcut key definitions are exported as
+ * {@link ARTICLE_TOOLBAR_SHORTCUTS} so the panel can wire up the matching key handlers.
  */
 import React from 'react';
+/**
+ * Keyboard shortcut definitions for the article toolbar actions. `alt` means the
+ * shortcut requires the Alt/Option modifier; `close` uses a bare Escape key.
+ * Shared between the tooltip hints here and the key handler in the panel so the
+ * displayed shortcut and the actual binding never drift apart.
+ */
+export declare const ARTICLE_TOOLBAR_SHORTCUTS: {
+    readonly ask: {
+        readonly alt: true;
+        readonly key: "a";
+    };
+    readonly suggest: {
+        readonly alt: true;
+        readonly key: "s";
+    };
+    readonly copy: {
+        readonly alt: true;
+        readonly key: "c";
+    };
+    readonly highlight: {
+        readonly alt: true;
+        readonly key: "h";
+    };
+    readonly favorite: {
+        readonly alt: true;
+        readonly key: "f";
+    };
+    readonly open: {
+        readonly alt: true;
+        readonly key: "o";
+    };
+    readonly zoomOut: {
+        readonly alt: true;
+        readonly key: "-";
+    };
+    readonly zoomReset: {
+        readonly alt: true;
+        readonly key: "0";
+    };
+    readonly zoomIn: {
+        readonly alt: true;
+        readonly key: "=";
+    };
+    readonly close: {
+        readonly alt: false;
+        readonly key: "Escape";
+    };
+};
+export type ArticleToolbarAction = keyof typeof ARTICLE_TOOLBAR_SHORTCUTS;
+/**
+ * Render a shortcut definition as a short, platform-aware label
+ * (e.g. "⌥A" on macOS, "Alt+A" elsewhere, "Esc" for the close action).
+ */
+export declare function formatToolbarShortcut(action: ArticleToolbarAction): string;
 interface ArticleActionButtonsProps {
     isLoadingAI: boolean;
     isLoadingFollowups: boolean;

package/dist/components/ArticleReader/ArticleActionButtons.stories.d.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ArticleActionButtons from './ArticleActionButtons';
+/**
+ * `ArticleActionButtons` is the toolbar at the top of the article extract
+ * panel: Ask AI, Suggest, Copy, Highlight, Favorite, Open-in-new-tab, zoom
+ * controls, and Close. Every button has a hover tooltip showing its keyboard
+ * shortcut (e.g. `Alt+A`).
+ */
+declare const meta: Meta<typeof ArticleActionButtons>;
+export default meta;
+type Story = StoryObj<typeof ArticleActionButtons>;
+/** Default toolbar. Hover any button to see its tooltip + shortcut. */
+export declare const Default: Story;
+/** Highlight mode active and the article favorited. */
+export declare const ActiveStates: Story;
+/** AI request in flight (the Ask button shows a loading state). */
+export declare const Loading: Story;
+/** Zoomed in to 130%. */
+export declare const ZoomedIn: Story;
+/** Without an article URL the open-in-new-tab button is hidden. */
+export declare const NoUrl: Story;

package/dist/components/ArticleReader/ArticleFollowupQuestions.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ArticleFollowupQuestions from './ArticleFollowupQuestions';
+/**
+ * `ArticleFollowupQuestions` renders clickable, AI-suggested follow-up
+ * questions for the open article. A leading "summarize" prompt is always
+ * offered, and multi-question strings are split into individual chips.
+ */
+declare const meta: Meta<typeof ArticleFollowupQuestions>;
+export default meta;
+type Story = StoryObj<typeof ArticleFollowupQuestions>;
+export declare const Default: Story;
+/** A single string containing several questions is split automatically. */
+export declare const AutoSplit: Story;
+export declare const Empty: Story;

package/dist/components/ArticleReader/ArticlePanelHeader.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ArticlePanelHeader from './ArticlePanelHeader';
+/**
+ * `ArticlePanelHeader` is the minimal top bar of the article extract panel,
+ * containing just a close button.
+ */
+declare const meta: Meta<typeof ArticlePanelHeader>;
+export default meta;
+type Story = StoryObj<typeof ArticlePanelHeader>;
+export declare const Default: Story;

package/dist/components/ArticleReader/ArticlePromptInput.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ArticlePromptInput from './ArticlePromptInput';
+/**
+ * `ArticlePromptInput` is the single-line box for asking the AI a question
+ * about the current article. It submits on Enter.
+ */
+declare const meta: Meta<typeof ArticlePromptInput>;
+export default meta;
+type Story = StoryObj<typeof ArticlePromptInput>;
+export declare const Empty: Story;
+export declare const WithText: Story;
+/** Fully interactive: the input is controlled by local state. */
+export declare const Interactive: Story;

package/dist/components/ArticleReader/index.d.ts

@@ -3,6 +3,7 @@
  */
 export { default as ArticlePanelHeader } from "./ArticlePanelHeader";
 export { default as ArticleActionButtons } from "./ArticleActionButtons";
+export { ARTICLE_TOOLBAR_SHORTCUTS, formatToolbarShortcut, type ArticleToolbarAction, } from "./ArticleActionButtons";
 export { default as ArticlePromptInput } from "./ArticlePromptInput";
 export { default as ArticleFollowupQuestions } from "./ArticleFollowupQuestions";
 export { default as ArticleAIResponse } from "./ArticleAIResponse";

package/dist/components/ChatConversation/MessageBubble/ThinkTagProcessor.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ThinkTagProcessor from './ThinkTagProcessor';
+/**
+ * `ThinkTagProcessor` maps the custom `<think>` markdown tag in AI responses to
+ * the collapsible reasoning panel. It simply forwards its children as the
+ * reasoning content.
+ */
+declare const meta: Meta<typeof ThinkTagProcessor>;
+export default meta;
+type Story = StoryObj<typeof ThinkTagProcessor>;
+export declare const Thinking: Story;
+export declare const Ended: Story;

package/dist/components/ChatConversation/MessageReasoningPanel.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ThinkBox from './MessageReasoningPanel';
+/**
+ * `MessageReasoningPanel` (ThinkBox) is the collapsible panel that shows the
+ * model's internal reasoning extracted from `<think>` tags. It stays expanded
+ * while thinking and auto-collapses once `thinkingEnded` becomes true.
+ */
+declare const meta: Meta<typeof ThinkBox>;
+export default meta;
+type Story = StoryObj<typeof ThinkBox>;
+/** Actively thinking — panel is expanded. */
+export declare const Thinking: Story;
+/** Finished — panel auto-collapses. */
+export declare const Ended: Story;

package/dist/components/ChatHistoryDropdown/HistoryChatItem.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { HistoryChatItem } from './HistoryChatItem';
+declare const meta: Meta<typeof HistoryChatItem>;
+export default meta;
+type Story = StoryObj<typeof HistoryChatItem>;
+export declare const Default: Story;
+export declare const Pinned: Story;
+export declare const NoMessages: Story;
+export declare const LongTitle: Story;

package/dist/components/ConfigError.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import ConfigError from './ConfigError';
+/**
+ * `ConfigError` is the full-screen setup guide shown when no AI providers are
+ * configured. It lists the environment variables the host app needs.
+ */
+declare const meta: Meta<typeof ConfigError>;
+export default meta;
+type Story = StoryObj<typeof ConfigError>;
+export declare const Default: Story;

package/dist/components/Footer.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Footer from './Footer';
+/**
+ * `Footer` renders a compact bar of links (with optional Lucide icons) pinned
+ * to the bottom of the screen. On small screens it collapses into an info icon
+ * that reveals the links in a popover. `icon` values are Lucide icon names.
+ */
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;
+export declare const WithoutIcons: Story;
+export declare const Empty: Story;

package/dist/components/MessageActions/CopyMessageButton.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Copy from './CopyMessageButton';
+/**
+ * `CopyMessageButton` copies an assistant message plus its citation URLs to the
+ * clipboard and briefly swaps its icon to a checkmark to confirm. Hover to see
+ * the tooltip; click to copy.
+ */
+declare const meta: Meta<typeof Copy>;
+export default meta;
+type Story = StoryObj<typeof Copy>;
+export declare const Default: Story;

package/dist/components/SearchResults/WebCitationBadge.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Citation from './WebCitationBadge';
+/**
+ * `WebCitationBadge` (Citation) is the inline, numbered citation chip rendered
+ * from `<citation>` tags in AI responses. Hovering shows the source title and
+ * favicon; clicking opens the source in the article extract panel (mocked here
+ * via `ExtractPanelProvider`).
+ */
+declare const meta: Meta<typeof Citation>;
+export default meta;
+type Story = StoryObj<typeof Citation>;
+/** Resolves to a known source: hover shows its title + domain. */
+export declare const KnownSource: Story;
+/** No matching source: the tooltip falls back to the domain only. */
+export declare const UnknownSource: Story;