@nyosegawa/agent-ui-react - npm Package Compare versions

Comparing version 0.5.0 to 1.0.0

dist/styles/composer-mobile.css

+/* --- Mobile composer ----------------------------------------------------- */
+
+@media (max-width: 640px) {
+  .aui-compose-panel {
+    max-width: 100%;
+    min-width: 0;
+    padding: var(--aui-space-250) var(--aui-space-300) var(--aui-space-350);
+    width: 100%;
+  }
+
+  .aui-composer {
+    max-width: 100%;
+    min-width: 0;
+    padding: var(--aui-space-200) var(--aui-space-250) var(--aui-space-150);
+    width: 100%;
+  }
+
+  .aui-composer .aui-composer-input {
+    font-size: var(--aui-font-size-lg);
+  }
+
+  .aui-composer-toolbar {
+    flex-wrap: nowrap;
+  }
+
+  .aui-composer-toolbar-start,
+  .aui-composer-toolbar-end {
+    flex-wrap: nowrap;
+    width: auto;
+  }
+
+  .aui-composer-toolbar-start {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .aui-composer-toolbar-end {
+    flex: 0 0 auto;
+    margin-left: auto;
+  }
+
+  .aui-composer-settings {
+    flex-wrap: nowrap;
+    gap: var(--aui-space-100);
+  }
+
+  .aui-composer-tool {
+    gap: 0;
+    justify-content: center;
+    min-height: var(--aui-control-height-lg);
+    padding: 0;
+    width: var(--aui-control-height-lg);
+  }
+
+  .aui-composer-tool-label,
+  .aui-composer-tool > svg:last-child {
+    display: none;
+  }
+
+  .aui-composer-hint {
+    display: none;
+  }
+}

dist/index.d.cts

 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _nyosegawa_agent_ui_core from '@nyosegawa/agent-ui-core';
-import { AgentEvent, AgentSessionState, AgentTransport, ReasoningEffort, AgentApp, AgentModel, ThreadId, RequestId, AgentError, ExecutionModeId, ThreadState, AgentThreadScope, AgentThreadCollection, AgentThreadView as AgentThreadView$1, PendingServerRequest, AgentItemBlock, AgentItemState, AgentItemBlockKind, ThreadTokenUsage, AgentThread, TurnState } from '@nyosegawa/agent-ui-core';
+import { AgentEvent, AgentSessionState, AgentTransport, ReasoningEffort, AgentApp, AgentModel, ThreadId, RequestId, AgentError, ThreadState, ThreadStatus, ExecutionModeId, AgentThreadScope, AgentThreadCollection, AgentThreadView as AgentThreadView$1, PendingServerRequest, AgentItemBlock, AgentItemState, AgentItemBlockKind, ThreadTokenUsage, AgentThread, TurnState } from '@nyosegawa/agent-ui-core';
 export { AgentThreadResumeDiagnosticReasonCode } from '@nyosegawa/agent-ui-core';
@@ -278,6 +278,15 @@ import React$1, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
 interface AgentThreadResumeResult {
+    activeTurnId?: string;
+    activity?: ThreadState["activity"];
     requestedThreadId?: ThreadId;
+    runSettings?: AgentThreadResumeRunSettings;
+    status?: ThreadStatus;
     threadId: ThreadId;
 }
 
+interface AgentThreadResumeRunSettings {
+    cwd?: string;
+    effort?: string;
+    modelId?: string;
+}
 interface AgentThreadReadResult {
@@ -355,3 +364,7 @@ threadId: ThreadId;
         threadId: string;
+        runSettings?: AgentThreadResumeRunSettings | undefined;
         requestedThreadId?: string | undefined;
+        activity?: "idle" | "failed" | "running" | "waitingForInput" | undefined;
+        status?: ThreadStatus | undefined;
+        activeTurnId?: string | undefined;
     }>;
@@ -655,3 +668,2 @@ startThread: (params?: ThreadStartOptions) => Promise<{
     "composer.placeholder": string;
-    "composer.previewOnlyReason": string;
     "composer.removeAttachment": string;
@@ -1031,3 +1043,3 @@ "composer.resolveApprovalReason": string;
 declare function isUserFacingPath(path: string): boolean;
-declare function AgentThreadSidebar({ activeThreadId, collapsed, onCreateThread, onCollapsedChange, onSelectThread, threads, }: {
+declare function AgentThreadSidebar({ activeThreadId, collapsed, onCreateThread, onCollapsedChange, onSelectThread, }: {
     activeThreadId?: string;
@@ -1038,3 +1050,2 @@ collapsed?: boolean;
     onSelectThread?: (threadId: string) => void;
-    threads: AgentThreadView$1[];
 }): react_jsx_runtime.JSX.Element | null;
@@ -1262,3 +1273,3 @@
 declare function AgentStatusSummary(): react_jsx_runtime.JSX.Element | null;
-declare function AgentStatusDetails({ includeCritical }: {
+declare function AgentStatusDetails({ includeCritical, }: {
     includeCritical?: boolean;
@@ -1307,2 +1318,2 @@ }): react_jsx_runtime.JSX.Element | null;
 
-export { AGENT_EXECUTION_MODES, type AgentApprovalComponentProps, type AgentApprovalDefaultProps, type AgentApprovalPolicy, AgentApprovalQueue, type AgentApprovalsReviewer, AgentAppsPanel, type AgentAppsRefreshOptions, type AgentAttachmentChip, type AgentAttachmentChipKind, AgentAttachmentChips, type AgentAttachmentChipsProps, type AgentBlockComponentProps, type AgentBlockDefaultProps, type AgentBootstrapState, AgentChat, type AgentChatProps, AgentCommandItem, AgentCommandOutputItem, type AgentComponents, AgentComposer, type AgentComposerController, type AgentComposerDisabledReason, type AgentComposerFailedPendingMessage, AgentComposerInput, type AgentComposerInputProps, type AgentComposerMentionAttachment, type AgentComposerMentionResolver, AgentComposerPanel, type AgentComposerPanelComponentProps, type AgentComposerPanelProps, type AgentComposerProps, AgentComposerSubmitButton, type AgentComposerSubmitButtonProps, type AgentComposerSubmitMode, AgentComposerToolbar, type AgentComposerToolbarProps, AgentContentBlockView, AgentContextUsageIndicator, type AgentContextValue, AgentCriticalNoticeList, AgentDiagnosticsPanel, AgentDiffItem, AgentDiffViewer, type AgentEmptyStateComponentProps, type AgentExecutionMode, AgentFileChangeItem, type AgentFileResourceRequest, AgentFirstRun, type AgentHooksRefreshOptions, type AgentI18nDictionary, type AgentI18nKey, type AgentI18nMessages, AgentI18nProvider, type AgentI18nProviderProps, type AgentI18nValue, type AgentImageInput, type AgentItemComponentProps, type AgentItemDefaultProps, type AgentJsonValue, type AgentLocalAttachmentKind, type AgentLocalAttachmentResolver, type AgentLocalImageInput, type AgentLocalMediaResourceRequest, type AgentLocalMediaUrlResolver, type AgentLocale, AgentLocaleSelect, type AgentLocaleSelectProps, type AgentMentionAttachmentKind, type AgentMentionInput, AgentMessageItem, AgentMessageList, type AgentPersonality, AgentProvider, type AgentProviderProps, AgentRateLimitBar, AgentReasoningItem, type AgentReasoningSummary, type AgentResolvedLocalAttachment, type AgentResolvedResource, type AgentResolvedResourceBase, type AgentResolvedUrlResource, type AgentResourceKind, type AgentResourceRequest, type AgentResourceResolution, type AgentResourceResolver, AgentRunControls, type AgentRunControlsProps, AgentRunSettingsPanel, type AgentRunSettingsPanelProps, type AgentSandboxMode, type AgentSandboxPolicy, AgentShell, type AgentShellComponentProps, type AgentShellProps, type AgentSidebarComponentProps, type AgentSkillConfigWriteOptions, type AgentSkillInput, AgentSkillsPanel, type AgentSkillsRefreshOptions, type AgentSortDirection, AgentStartComposer, type AgentStartComposerProps, AgentStarterCwd, AgentStatusBar, AgentStatusDetails, AgentStatusSummary, type AgentTextInput, type AgentTheme, AgentThemeToggle, type AgentThemeToggleProps, type AgentThreadConfigOptions, type AgentThreadForkResult, AgentThreadHeader, type AgentThreadHistoryResult, type AgentThreadHistorySyncedEvent, type AgentThreadListController, type AgentThreadListControllerOptions, type AgentThreadListRequest, type AgentThreadReadResult, type AgentThreadResumeResult, AgentThreadSidebar, type AgentThreadSortKey, type AgentThreadSource, type AgentThreadSourceKind, type AgentThreadStartResult, type AgentThreadStartSource, type AgentThreadStartWithInputOptions, type AgentThreadStartWithInputResult, AgentThreadSurface, AgentThreadTimeline, AgentThreadView, type AgentThreadViewProps, AgentTokenUsageBar, AgentToolCallItem, AgentTranscript, type AgentTranscriptBlock, type AgentTranscriptController, type AgentTranscriptControllerOptions, type AgentTranscriptDensity, type AgentTranscriptDensityConfig, type AgentTranscriptDensityMode, type AgentTranscriptEntry, type AgentTranscriptItem, type AgentTranscriptPendingState, type AgentTranscriptScrollController, type AgentTranscriptScrollControllerOptions, AgentTurn, type AgentUnavailableResource, type AgentUnknownUserInput, AgentUsagePanel, type AgentUsageProps, AgentUsageSummary, type AgentUserInput, type AgentWorkingDirectoryResolver, AgentWorkspace, type AgentWorkspaceProps, ComposerRunSettings, DEFAULT_TRANSCRIPT_ITEM_LIMIT, type QueuedFollowUp, type QueuedFollowUpAttachment, TRANSCRIPT_ITEM_INCREMENT, type ThreadForkOptions, type ThreadHistoryParams, ThreadList, type ThreadResumeOptions, type ThreadStartOptions, type TranscriptApprovalAnchors, type TurnStartOptions, type UsageWindow, agentI18nDictionaries, agentLocales, agentResourceDisplayName, agentResourceUrl, defaultAgentComponents, formatThreadStatus, interpolate, interpolationVariables, isUserFacingPath, normalizeAgentLocale, normalizeUsageWindows, threadSubtitle, transcriptItemIds, useAgentAccount, useAgentAction, useAgentApprovals, useAgentApps, useAgentBootstrap, useAgentComposer, useAgentComposerController, useAgentContext, useAgentDiagnostics, useAgentHooks, useAgentI18n, useAgentModels, useAgentRunSettings, useAgentServerRequests, useAgentSkills, useAgentThread, useAgentThreadActions, useAgentThreadController, useAgentThreadHistory, useAgentThreadListController, useAgentThreadReader, useAgentThreads, useAgentTranscriptController, useAgentTranscriptScrollController, useAgentTurn, useAgentTurnController, useAgentUsage, visibleTranscriptWindow };
+export { AGENT_EXECUTION_MODES, type AgentApprovalComponentProps, type AgentApprovalDefaultProps, type AgentApprovalPolicy, AgentApprovalQueue, type AgentApprovalsReviewer, AgentAppsPanel, type AgentAppsRefreshOptions, type AgentAttachmentChip, type AgentAttachmentChipKind, AgentAttachmentChips, type AgentAttachmentChipsProps, type AgentBlockComponentProps, type AgentBlockDefaultProps, type AgentBootstrapState, AgentChat, type AgentChatProps, AgentCommandItem, AgentCommandOutputItem, type AgentComponents, AgentComposer, type AgentComposerController, type AgentComposerDisabledReason, type AgentComposerFailedPendingMessage, AgentComposerInput, type AgentComposerInputProps, type AgentComposerMentionAttachment, type AgentComposerMentionResolver, AgentComposerPanel, type AgentComposerPanelComponentProps, type AgentComposerPanelProps, type AgentComposerProps, AgentComposerSubmitButton, type AgentComposerSubmitButtonProps, type AgentComposerSubmitMode, AgentComposerToolbar, type AgentComposerToolbarProps, AgentContentBlockView, AgentContextUsageIndicator, type AgentContextValue, AgentCriticalNoticeList, AgentDiagnosticsPanel, AgentDiffItem, AgentDiffViewer, type AgentEmptyStateComponentProps, type AgentExecutionMode, AgentFileChangeItem, type AgentFileResourceRequest, AgentFirstRun, type AgentHooksRefreshOptions, type AgentI18nDictionary, type AgentI18nKey, type AgentI18nMessages, AgentI18nProvider, type AgentI18nProviderProps, type AgentI18nValue, type AgentImageInput, type AgentItemComponentProps, type AgentItemDefaultProps, type AgentJsonValue, type AgentLocalAttachmentKind, type AgentLocalAttachmentResolver, type AgentLocalImageInput, type AgentLocalMediaResourceRequest, type AgentLocalMediaUrlResolver, type AgentLocale, AgentLocaleSelect, type AgentLocaleSelectProps, type AgentMentionAttachmentKind, type AgentMentionInput, AgentMessageItem, AgentMessageList, type AgentPersonality, AgentProvider, type AgentProviderProps, AgentRateLimitBar, AgentReasoningItem, type AgentReasoningSummary, type AgentResolvedLocalAttachment, type AgentResolvedResource, type AgentResolvedResourceBase, type AgentResolvedUrlResource, type AgentResourceKind, type AgentResourceRequest, type AgentResourceResolution, type AgentResourceResolver, AgentRunControls, type AgentRunControlsProps, AgentRunSettingsPanel, type AgentRunSettingsPanelProps, type AgentSandboxMode, type AgentSandboxPolicy, AgentShell, type AgentShellComponentProps, type AgentShellProps, type AgentSidebarComponentProps, type AgentSkillConfigWriteOptions, type AgentSkillInput, AgentSkillsPanel, type AgentSkillsRefreshOptions, type AgentSortDirection, AgentStartComposer, type AgentStartComposerProps, AgentStarterCwd, AgentStatusBar, AgentStatusDetails, AgentStatusSummary, type AgentTextInput, type AgentTheme, AgentThemeToggle, type AgentThemeToggleProps, type AgentThreadConfigOptions, type AgentThreadForkResult, AgentThreadHeader, type AgentThreadHistoryResult, type AgentThreadHistorySyncedEvent, type AgentThreadListController, type AgentThreadListControllerOptions, type AgentThreadListRequest, type AgentThreadReadResult, type AgentThreadResumeResult, type AgentThreadResumeRunSettings, AgentThreadSidebar, type AgentThreadSortKey, type AgentThreadSource, type AgentThreadSourceKind, type AgentThreadStartResult, type AgentThreadStartSource, type AgentThreadStartWithInputOptions, type AgentThreadStartWithInputResult, AgentThreadSurface, AgentThreadTimeline, AgentThreadView, type AgentThreadViewProps, AgentTokenUsageBar, AgentToolCallItem, AgentTranscript, type AgentTranscriptBlock, type AgentTranscriptController, type AgentTranscriptControllerOptions, type AgentTranscriptDensity, type AgentTranscriptDensityConfig, type AgentTranscriptDensityMode, type AgentTranscriptEntry, type AgentTranscriptItem, type AgentTranscriptPendingState, type AgentTranscriptScrollController, type AgentTranscriptScrollControllerOptions, AgentTurn, type AgentUnavailableResource, type AgentUnknownUserInput, AgentUsagePanel, type AgentUsageProps, AgentUsageSummary, type AgentUserInput, type AgentWorkingDirectoryResolver, AgentWorkspace, type AgentWorkspaceProps, ComposerRunSettings, DEFAULT_TRANSCRIPT_ITEM_LIMIT, type QueuedFollowUp, type QueuedFollowUpAttachment, TRANSCRIPT_ITEM_INCREMENT, type ThreadForkOptions, type ThreadHistoryParams, ThreadList, type ThreadResumeOptions, type ThreadStartOptions, type TranscriptApprovalAnchors, type TurnStartOptions, type UsageWindow, agentI18nDictionaries, agentLocales, agentResourceDisplayName, agentResourceUrl, defaultAgentComponents, formatThreadStatus, interpolate, interpolationVariables, isUserFacingPath, normalizeAgentLocale, normalizeUsageWindows, threadSubtitle, transcriptItemIds, useAgentAccount, useAgentAction, useAgentApprovals, useAgentApps, useAgentBootstrap, useAgentComposer, useAgentComposerController, useAgentContext, useAgentDiagnostics, useAgentHooks, useAgentI18n, useAgentModels, useAgentRunSettings, useAgentServerRequests, useAgentSkills, useAgentThread, useAgentThreadActions, useAgentThreadController, useAgentThreadHistory, useAgentThreadListController, useAgentThreadReader, useAgentThreads, useAgentTranscriptController, useAgentTranscriptScrollController, useAgentTurn, useAgentTurnController, useAgentUsage, visibleTranscriptWindow };

dist/index.d.ts

 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _nyosegawa_agent_ui_core from '@nyosegawa/agent-ui-core';
-import { AgentEvent, AgentSessionState, AgentTransport, ReasoningEffort, AgentApp, AgentModel, ThreadId, RequestId, AgentError, ExecutionModeId, ThreadState, AgentThreadScope, AgentThreadCollection, AgentThreadView as AgentThreadView$1, PendingServerRequest, AgentItemBlock, AgentItemState, AgentItemBlockKind, ThreadTokenUsage, AgentThread, TurnState } from '@nyosegawa/agent-ui-core';
+import { AgentEvent, AgentSessionState, AgentTransport, ReasoningEffort, AgentApp, AgentModel, ThreadId, RequestId, AgentError, ThreadState, ThreadStatus, ExecutionModeId, AgentThreadScope, AgentThreadCollection, AgentThreadView as AgentThreadView$1, PendingServerRequest, AgentItemBlock, AgentItemState, AgentItemBlockKind, ThreadTokenUsage, AgentThread, TurnState } from '@nyosegawa/agent-ui-core';
 export { AgentThreadResumeDiagnosticReasonCode } from '@nyosegawa/agent-ui-core';
@@ -278,6 +278,15 @@ import React$1, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
 interface AgentThreadResumeResult {
+    activeTurnId?: string;
+    activity?: ThreadState["activity"];
     requestedThreadId?: ThreadId;
+    runSettings?: AgentThreadResumeRunSettings;
+    status?: ThreadStatus;
     threadId: ThreadId;
 }
 
+interface AgentThreadResumeRunSettings {
+    cwd?: string;
+    effort?: string;
+    modelId?: string;
+}
 interface AgentThreadReadResult {
@@ -355,3 +364,7 @@ threadId: ThreadId;
         threadId: string;
+        runSettings?: AgentThreadResumeRunSettings | undefined;
         requestedThreadId?: string | undefined;
+        activity?: "idle" | "failed" | "running" | "waitingForInput" | undefined;
+        status?: ThreadStatus | undefined;
+        activeTurnId?: string | undefined;
     }>;
@@ -655,3 +668,2 @@ startThread: (params?: ThreadStartOptions) => Promise<{
     "composer.placeholder": string;
-    "composer.previewOnlyReason": string;
     "composer.removeAttachment": string;
@@ -1031,3 +1043,3 @@ "composer.resolveApprovalReason": string;
 declare function isUserFacingPath(path: string): boolean;
-declare function AgentThreadSidebar({ activeThreadId, collapsed, onCreateThread, onCollapsedChange, onSelectThread, threads, }: {
+declare function AgentThreadSidebar({ activeThreadId, collapsed, onCreateThread, onCollapsedChange, onSelectThread, }: {
     activeThreadId?: string;
@@ -1038,3 +1050,2 @@ collapsed?: boolean;
     onSelectThread?: (threadId: string) => void;
-    threads: AgentThreadView$1[];
 }): react_jsx_runtime.JSX.Element | null;
@@ -1262,3 +1273,3 @@
 declare function AgentStatusSummary(): react_jsx_runtime.JSX.Element | null;
-declare function AgentStatusDetails({ includeCritical }: {
+declare function AgentStatusDetails({ includeCritical, }: {
     includeCritical?: boolean;
@@ -1307,2 +1318,2 @@ }): react_jsx_runtime.JSX.Element | null;
 
-export { AGENT_EXECUTION_MODES, type AgentApprovalComponentProps, type AgentApprovalDefaultProps, type AgentApprovalPolicy, AgentApprovalQueue, type AgentApprovalsReviewer, AgentAppsPanel, type AgentAppsRefreshOptions, type AgentAttachmentChip, type AgentAttachmentChipKind, AgentAttachmentChips, type AgentAttachmentChipsProps, type AgentBlockComponentProps, type AgentBlockDefaultProps, type AgentBootstrapState, AgentChat, type AgentChatProps, AgentCommandItem, AgentCommandOutputItem, type AgentComponents, AgentComposer, type AgentComposerController, type AgentComposerDisabledReason, type AgentComposerFailedPendingMessage, AgentComposerInput, type AgentComposerInputProps, type AgentComposerMentionAttachment, type AgentComposerMentionResolver, AgentComposerPanel, type AgentComposerPanelComponentProps, type AgentComposerPanelProps, type AgentComposerProps, AgentComposerSubmitButton, type AgentComposerSubmitButtonProps, type AgentComposerSubmitMode, AgentComposerToolbar, type AgentComposerToolbarProps, AgentContentBlockView, AgentContextUsageIndicator, type AgentContextValue, AgentCriticalNoticeList, AgentDiagnosticsPanel, AgentDiffItem, AgentDiffViewer, type AgentEmptyStateComponentProps, type AgentExecutionMode, AgentFileChangeItem, type AgentFileResourceRequest, AgentFirstRun, type AgentHooksRefreshOptions, type AgentI18nDictionary, type AgentI18nKey, type AgentI18nMessages, AgentI18nProvider, type AgentI18nProviderProps, type AgentI18nValue, type AgentImageInput, type AgentItemComponentProps, type AgentItemDefaultProps, type AgentJsonValue, type AgentLocalAttachmentKind, type AgentLocalAttachmentResolver, type AgentLocalImageInput, type AgentLocalMediaResourceRequest, type AgentLocalMediaUrlResolver, type AgentLocale, AgentLocaleSelect, type AgentLocaleSelectProps, type AgentMentionAttachmentKind, type AgentMentionInput, AgentMessageItem, AgentMessageList, type AgentPersonality, AgentProvider, type AgentProviderProps, AgentRateLimitBar, AgentReasoningItem, type AgentReasoningSummary, type AgentResolvedLocalAttachment, type AgentResolvedResource, type AgentResolvedResourceBase, type AgentResolvedUrlResource, type AgentResourceKind, type AgentResourceRequest, type AgentResourceResolution, type AgentResourceResolver, AgentRunControls, type AgentRunControlsProps, AgentRunSettingsPanel, type AgentRunSettingsPanelProps, type AgentSandboxMode, type AgentSandboxPolicy, AgentShell, type AgentShellComponentProps, type AgentShellProps, type AgentSidebarComponentProps, type AgentSkillConfigWriteOptions, type AgentSkillInput, AgentSkillsPanel, type AgentSkillsRefreshOptions, type AgentSortDirection, AgentStartComposer, type AgentStartComposerProps, AgentStarterCwd, AgentStatusBar, AgentStatusDetails, AgentStatusSummary, type AgentTextInput, type AgentTheme, AgentThemeToggle, type AgentThemeToggleProps, type AgentThreadConfigOptions, type AgentThreadForkResult, AgentThreadHeader, type AgentThreadHistoryResult, type AgentThreadHistorySyncedEvent, type AgentThreadListController, type AgentThreadListControllerOptions, type AgentThreadListRequest, type AgentThreadReadResult, type AgentThreadResumeResult, AgentThreadSidebar, type AgentThreadSortKey, type AgentThreadSource, type AgentThreadSourceKind, type AgentThreadStartResult, type AgentThreadStartSource, type AgentThreadStartWithInputOptions, type AgentThreadStartWithInputResult, AgentThreadSurface, AgentThreadTimeline, AgentThreadView, type AgentThreadViewProps, AgentTokenUsageBar, AgentToolCallItem, AgentTranscript, type AgentTranscriptBlock, type AgentTranscriptController, type AgentTranscriptControllerOptions, type AgentTranscriptDensity, type AgentTranscriptDensityConfig, type AgentTranscriptDensityMode, type AgentTranscriptEntry, type AgentTranscriptItem, type AgentTranscriptPendingState, type AgentTranscriptScrollController, type AgentTranscriptScrollControllerOptions, AgentTurn, type AgentUnavailableResource, type AgentUnknownUserInput, AgentUsagePanel, type AgentUsageProps, AgentUsageSummary, type AgentUserInput, type AgentWorkingDirectoryResolver, AgentWorkspace, type AgentWorkspaceProps, ComposerRunSettings, DEFAULT_TRANSCRIPT_ITEM_LIMIT, type QueuedFollowUp, type QueuedFollowUpAttachment, TRANSCRIPT_ITEM_INCREMENT, type ThreadForkOptions, type ThreadHistoryParams, ThreadList, type ThreadResumeOptions, type ThreadStartOptions, type TranscriptApprovalAnchors, type TurnStartOptions, type UsageWindow, agentI18nDictionaries, agentLocales, agentResourceDisplayName, agentResourceUrl, defaultAgentComponents, formatThreadStatus, interpolate, interpolationVariables, isUserFacingPath, normalizeAgentLocale, normalizeUsageWindows, threadSubtitle, transcriptItemIds, useAgentAccount, useAgentAction, useAgentApprovals, useAgentApps, useAgentBootstrap, useAgentComposer, useAgentComposerController, useAgentContext, useAgentDiagnostics, useAgentHooks, useAgentI18n, useAgentModels, useAgentRunSettings, useAgentServerRequests, useAgentSkills, useAgentThread, useAgentThreadActions, useAgentThreadController, useAgentThreadHistory, useAgentThreadListController, useAgentThreadReader, useAgentThreads, useAgentTranscriptController, useAgentTranscriptScrollController, useAgentTurn, useAgentTurnController, useAgentUsage, visibleTranscriptWindow };
+export { AGENT_EXECUTION_MODES, type AgentApprovalComponentProps, type AgentApprovalDefaultProps, type AgentApprovalPolicy, AgentApprovalQueue, type AgentApprovalsReviewer, AgentAppsPanel, type AgentAppsRefreshOptions, type AgentAttachmentChip, type AgentAttachmentChipKind, AgentAttachmentChips, type AgentAttachmentChipsProps, type AgentBlockComponentProps, type AgentBlockDefaultProps, type AgentBootstrapState, AgentChat, type AgentChatProps, AgentCommandItem, AgentCommandOutputItem, type AgentComponents, AgentComposer, type AgentComposerController, type AgentComposerDisabledReason, type AgentComposerFailedPendingMessage, AgentComposerInput, type AgentComposerInputProps, type AgentComposerMentionAttachment, type AgentComposerMentionResolver, AgentComposerPanel, type AgentComposerPanelComponentProps, type AgentComposerPanelProps, type AgentComposerProps, AgentComposerSubmitButton, type AgentComposerSubmitButtonProps, type AgentComposerSubmitMode, AgentComposerToolbar, type AgentComposerToolbarProps, AgentContentBlockView, AgentContextUsageIndicator, type AgentContextValue, AgentCriticalNoticeList, AgentDiagnosticsPanel, AgentDiffItem, AgentDiffViewer, type AgentEmptyStateComponentProps, type AgentExecutionMode, AgentFileChangeItem, type AgentFileResourceRequest, AgentFirstRun, type AgentHooksRefreshOptions, type AgentI18nDictionary, type AgentI18nKey, type AgentI18nMessages, AgentI18nProvider, type AgentI18nProviderProps, type AgentI18nValue, type AgentImageInput, type AgentItemComponentProps, type AgentItemDefaultProps, type AgentJsonValue, type AgentLocalAttachmentKind, type AgentLocalAttachmentResolver, type AgentLocalImageInput, type AgentLocalMediaResourceRequest, type AgentLocalMediaUrlResolver, type AgentLocale, AgentLocaleSelect, type AgentLocaleSelectProps, type AgentMentionAttachmentKind, type AgentMentionInput, AgentMessageItem, AgentMessageList, type AgentPersonality, AgentProvider, type AgentProviderProps, AgentRateLimitBar, AgentReasoningItem, type AgentReasoningSummary, type AgentResolvedLocalAttachment, type AgentResolvedResource, type AgentResolvedResourceBase, type AgentResolvedUrlResource, type AgentResourceKind, type AgentResourceRequest, type AgentResourceResolution, type AgentResourceResolver, AgentRunControls, type AgentRunControlsProps, AgentRunSettingsPanel, type AgentRunSettingsPanelProps, type AgentSandboxMode, type AgentSandboxPolicy, AgentShell, type AgentShellComponentProps, type AgentShellProps, type AgentSidebarComponentProps, type AgentSkillConfigWriteOptions, type AgentSkillInput, AgentSkillsPanel, type AgentSkillsRefreshOptions, type AgentSortDirection, AgentStartComposer, type AgentStartComposerProps, AgentStarterCwd, AgentStatusBar, AgentStatusDetails, AgentStatusSummary, type AgentTextInput, type AgentTheme, AgentThemeToggle, type AgentThemeToggleProps, type AgentThreadConfigOptions, type AgentThreadForkResult, AgentThreadHeader, type AgentThreadHistoryResult, type AgentThreadHistorySyncedEvent, type AgentThreadListController, type AgentThreadListControllerOptions, type AgentThreadListRequest, type AgentThreadReadResult, type AgentThreadResumeResult, type AgentThreadResumeRunSettings, AgentThreadSidebar, type AgentThreadSortKey, type AgentThreadSource, type AgentThreadSourceKind, type AgentThreadStartResult, type AgentThreadStartSource, type AgentThreadStartWithInputOptions, type AgentThreadStartWithInputResult, AgentThreadSurface, AgentThreadTimeline, AgentThreadView, type AgentThreadViewProps, AgentTokenUsageBar, AgentToolCallItem, AgentTranscript, type AgentTranscriptBlock, type AgentTranscriptController, type AgentTranscriptControllerOptions, type AgentTranscriptDensity, type AgentTranscriptDensityConfig, type AgentTranscriptDensityMode, type AgentTranscriptEntry, type AgentTranscriptItem, type AgentTranscriptPendingState, type AgentTranscriptScrollController, type AgentTranscriptScrollControllerOptions, AgentTurn, type AgentUnavailableResource, type AgentUnknownUserInput, AgentUsagePanel, type AgentUsageProps, AgentUsageSummary, type AgentUserInput, type AgentWorkingDirectoryResolver, AgentWorkspace, type AgentWorkspaceProps, ComposerRunSettings, DEFAULT_TRANSCRIPT_ITEM_LIMIT, type QueuedFollowUp, type QueuedFollowUpAttachment, TRANSCRIPT_ITEM_INCREMENT, type ThreadForkOptions, type ThreadHistoryParams, ThreadList, type ThreadResumeOptions, type ThreadStartOptions, type TranscriptApprovalAnchors, type TurnStartOptions, type UsageWindow, agentI18nDictionaries, agentLocales, agentResourceDisplayName, agentResourceUrl, defaultAgentComponents, formatThreadStatus, interpolate, interpolationVariables, isUserFacingPath, normalizeAgentLocale, normalizeUsageWindows, threadSubtitle, transcriptItemIds, useAgentAccount, useAgentAction, useAgentApprovals, useAgentApps, useAgentBootstrap, useAgentComposer, useAgentComposerController, useAgentContext, useAgentDiagnostics, useAgentHooks, useAgentI18n, useAgentModels, useAgentRunSettings, useAgentServerRequests, useAgentSkills, useAgentThread, useAgentThreadActions, useAgentThreadController, useAgentThreadHistory, useAgentThreadListController, useAgentThreadReader, useAgentThreads, useAgentTranscriptController, useAgentTranscriptScrollController, useAgentTurn, useAgentTurnController, useAgentUsage, visibleTranscriptWindow };

dist/styles.css

@@ -18,2 +18,3 @@ @import "./styles/tokens.css";
 @import "./styles/composer.css";
+@import "./styles/composer-mobile.css";
 @import "./styles/menu.css";
@@ -20,0 +21,0 @@ @import "./styles/run-settings.css";

dist/styles/composer.css

@@ -533,27 +533,1 @@ /* --- Composer ------------------------------------------------------------ */
 }
-
-/* --- Mobile composer ----------------------------------------------------- */
-
-@media (max-width: 640px) {
-  .aui-compose-panel {
-    max-width: 100%;
-    min-width: 0;
-    padding: var(--aui-space-250) var(--aui-space-300) var(--aui-space-350);
-    width: 100%;
-  }
-  .aui-composer {
-    max-width: 100%;
-    min-width: 0;
-    padding: var(--aui-space-200) var(--aui-space-250) var(--aui-space-150);
-    width: 100%;
-  }
-  .aui-composer .aui-composer-input {
-    font-size: var(--aui-font-size-lg);
-  }
-  .aui-composer-hint {
-    display: none;
-  }
-  .aui-composer-tool {
-    max-width: 100%;
-  }
-}

dist/styles/controls-buttons.css

@@ -185,1 +185,14 @@ /* --- Button system -------------------------------------------------------- */
 }
+
+@media (max-width: 640px) {
+  .aui-locale-trigger {
+    gap: 0;
+    padding-inline: 0;
+    width: var(--aui-control-height-lg);
+  }
+
+  .aui-locale-trigger .aui-composer-tool-label,
+  .aui-locale-trigger > svg:last-child {
+    display: none;
+  }
+}

dist/styles/responsive.css

@@ -6,18 +6,5 @@ /* --- Responsive 900px / mid ---------------------------------------- */
     grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: minmax(0, 1fr) auto;
+    grid-template-rows: minmax(0, 1fr);
   }
 
-  .aui-chat-rail {
-    display: grid;
-    gap: var(--aui-space-200);
-    grid-auto-columns: minmax(220px, 1fr);
-    grid-auto-flow: column;
-    grid-template-columns: none;
-    max-height: 96px;
-    order: -1;
-    overflow-x: auto;
-    overflow-y: hidden;
-    padding: var(--aui-space-300) var(--aui-space-400);
-  }
-
   .aui-thread-column {
@@ -37,2 +24,39 @@ border-right: 0;
 
+@media (max-width: 980px) {
+  .aui-chat-rail {
+    background: var(--aui-bg-soft);
+    border-top: 1px solid var(--aui-border);
+    bottom: 0;
+    box-shadow: var(--aui-shadow-lift);
+    display: grid;
+    gap: var(--aui-space-250);
+    left: 0;
+    max-height: min(70dvh, 560px);
+    overflow: auto;
+    padding: var(--aui-space-300) var(--aui-space-350)
+      max(var(--aui-space-350), env(safe-area-inset-bottom));
+    position: fixed;
+    right: 0;
+    z-index: var(--aui-z-popover);
+  }
+
+  .aui-chat-rail > * {
+    align-self: start;
+  }
+
+  .aui-agent-context-backdrop {
+    background: var(--aui-overlay);
+    border: 0;
+    bottom: 0;
+    cursor: pointer;
+    display: block;
+    left: 0;
+    padding: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: calc(var(--aui-z-popover) - 1);
+  }
+}
+
 /* --- Responsive mobile -------------------------------------------- */
@@ -66,2 +90,10 @@
 
+  .aui-empty {
+    padding: var(--aui-space-350) var(--aui-space-250);
+  }
+
+  .aui-starter-card {
+    padding: var(--aui-space-300) var(--aui-space-300) var(--aui-space-250);
+  }
+
   .aui-workspace {
@@ -73,21 +105,2 @@ grid-template-columns: minmax(0, 1fr);
 
-  .aui-chat-rail {
-    display: grid;
-    gap: var(--aui-space-200);
-    grid-auto-columns: minmax(208px, 78vw);
-    grid-auto-flow: column;
-    grid-template-columns: none;
-    max-height: 84px;
-    order: -1;
-    overflow-x: auto;
-    overflow-y: hidden;
-    overscroll-behavior-x: contain;
-    padding: var(--aui-space-200) var(--aui-space-300);
-  }
-
-  .aui-chat-rail > * {
-    align-self: start;
-    flex: 0 0 min(78vw, 280px);
-  }
-
   .aui-thread-header {
@@ -134,3 +147,3 @@ align-items: flex-start;
   .aui-composer-toolbar {
-    align-items: stretch;
+    align-items: center;
   }
@@ -140,7 +153,8 @@
   .aui-composer-toolbar-end {
-    width: 100%;
+    width: auto;
   }
 
   .aui-composer-toolbar-end {
-    justify-content: space-between;
+    justify-content: flex-end;
+    margin-left: auto;
   }
@@ -147,0 +161,0 @@

dist/styles/status-account.css

@@ -165,1 +165,21 @@ /* --- Account status popover ---------------------------------------- */
 }
+
+@media (max-width: 640px) {
+  .aui-account-trigger {
+    justify-content: center;
+    padding: 0;
+    width: var(--aui-control-height-lg);
+  }
+
+  .aui-account-avatar {
+    flex: 0 0 22px;
+  }
+
+  .aui-account-plan {
+    display: none;
+  }
+
+  .aui-account-trigger > svg:last-child {
+    display: none;
+  }
+}

dist/styles/status-bar.css

 /* --- Status bar ----------------------------------------------------- */
 
+.aui-status-shell {
+  min-width: 0;
+  width: 100%;
+}
+
 .aui-status {
@@ -10,3 +15,3 @@ align-items: center;
   gap: var(--aui-space-300);
-  justify-content: space-between;
+  justify-content: flex-start;
   min-height: 48px;
@@ -17,3 +22,3 @@ padding: var(--aui-space-200) var(--aui-space-400);
 .aui-brand {
-  align-items: baseline;
+  align-items: center;
   background: transparent;
@@ -24,7 +29,8 @@ border: 0;
   display: flex;
-  flex: 1 1 auto;
+  flex: 0 0 auto;
   font: inherit;
   gap: var(--aui-space-250);
+  min-height: var(--aui-control-height-lg);
   min-width: 0;
-  padding: var(--aui-space-050) var(--aui-space-100);
+  padding: 0 var(--aui-space-300);
   text-align: left;
@@ -55,12 +61,2 @@ }
 
-.aui-brand span {
-  color: var(--aui-fg-muted);
-  flex: 1 1 auto;
-  font-size: var(--aui-font-size-sm);
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .aui-status-actions {
@@ -71,5 +67,31 @@ align-items: center;
   gap: var(--aui-space-200);
+  margin-left: auto;
   min-width: 0;
 }
 
+.aui-agent-context-trigger {
+  align-items: center;
+  background: var(--aui-panel);
+  border: 1px solid var(--aui-border);
+  border-radius: var(--aui-radius-md);
+  color: var(--aui-fg-muted);
+  cursor: pointer;
+  display: inline-flex;
+  flex: 0 0 auto;
+  height: var(--aui-control-height-lg);
+  justify-content: center;
+  padding: 0;
+  width: var(--aui-control-height-lg);
+}
+
+.aui-agent-context-trigger:hover {
+  background: var(--aui-panel-alt);
+  color: var(--aui-fg);
+}
+
+.aui-agent-context-trigger:focus-visible {
+  box-shadow: var(--aui-focus-ring);
+  outline: none;
+}
+
 .aui-login-code {
@@ -99,5 +121,27 @@ align-items: center;
 @media (max-width: 640px) {
-  .aui-brand span {
+  .aui-status {
+    gap: var(--aui-space-150);
+    padding: var(--aui-space-175) var(--aui-space-300);
+  }
+
+  .aui-brand {
+    flex: 0 0 auto;
+    gap: 0;
+    min-width: max-content;
+    padding-inline: var(--aui-space-250);
+  }
+
+  .aui-status-actions {
+    flex: 1 1 auto;
+    gap: var(--aui-space-150);
+    justify-content: flex-end;
+    min-width: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+    scrollbar-width: none;
+  }
+
+  .aui-status-actions::-webkit-scrollbar {
     display: none;
   }
 }

dist/styles/status-sidebar.css

@@ -129,3 +129,11 @@ /* --- Thread history metadata -------------------------------------------- */
     display: inline-flex;
+    gap: 0;
+    justify-content: center;
+    padding: 0;
+    width: var(--aui-control-height-lg);
   }
+
+  .aui-threads-trigger span {
+    display: none;
+  }
 }
@@ -132,0 +140,0 @@

dist/styles/thread.css

@@ -49,2 +49,6 @@ /* --- Chat container ------------------------------------------------- */
 
+.aui-agent-context-backdrop {
+  display: none;
+}
+
 /* Header, optional critical notices, the transcript scroll area, then the
@@ -212,3 +216,4 @@ * composer. Pending approvals render inside the transcript scroll area, either
   gap: var(--aui-space-450);
-  justify-content: center;
+  justify-content: stretch;
+  justify-items: center;
   min-height: 360px;
@@ -252,5 +257,5 @@ padding: var(--aui-space-600);
   gap: var(--aui-space-250);
-  max-width: min(760px, 100%);
+  max-width: 760px;
   padding: 0;
-  width: min(760px, 100%);
+  width: 100%;
 }
@@ -257,0 +262,0 @@

package.json

 {
   "name": "@nyosegawa/agent-ui-react",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "description": "React hooks and components for Agent UI.",
@@ -56,4 +56,4 @@ "license": "MIT",
     "@codemirror/view": "^6.42.1",
-    "@nyosegawa/agent-ui-codex": "^0.5.0",
-    "@nyosegawa/agent-ui-core": "^0.5.0"
+    "@nyosegawa/agent-ui-codex": "^1.0.0",
+    "@nyosegawa/agent-ui-core": "^1.0.0"
   },
@@ -60,0 +60,0 @@ "peerDependencies": {

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Improved metrics

Total package byte prevSize

2229852

2.69%

Number of package files

32

3.23%

Lines of code

23628

2.82%

Number of low quality alerts

0

-100%

Dependency changes

• + Added

  @nyosegawa/agent-ui-codex@1.1.0
  (transitive)

• + Added

  @nyosegawa/agent-ui-core@1.1.0
  (transitive)

• - Removed

  @nyosegawa/agent-ui-codex@0.5.0
  (transitive)

• - Removed

  @nyosegawa/agent-ui-core@0.5.0
  (transitive)

• Updated

  @nyosegawa/agent-ui-codex@^1.0.0

• Updated

  @nyosegawa/agent-ui-core@^1.0.0