ai-design-system 0.1.39 → 0.1.41

package/dist/index.d.ts

@@ -105,6 +105,8 @@ export interface FileItem {
   id: string;
   name: string;
   path?: string;
+  icon?: string;
+  iconColor?: string;
 }
 
 export interface FileGroup {
@@ -805,6 +807,9 @@ export const WorkflowBuilder: React.FC<WorkflowBuilderProps>;
 // From components/features/WorkflowObservabilityFeature/WorkflowObservabilityFeature.tsx
 export const WorkflowObservabilityFeature: React.FC<WorkflowObservabilityFeatureProps>;
 
+export const WorkflowToolbarActions: React.FC<any>;
+export const WorkflowToolbar: React.FC<any>;
+
 // From components/composites/WorkflowRunObservabilityPanel/WorkflowRunObservabilityPanel.tsx
 export interface WorkflowRunSummary {
   runId: string
@@ -906,9 +911,6 @@ export const WorkflowRunObservabilityTracePanel: React.FC<WorkflowRunObservabili
 export const WorkflowRunObservabilityDetailsPanel: React.FC<WorkflowRunObservabilityDetailsPanelProps>;
 export const WorkflowRunObservabilityPanel: React.FC<WorkflowRunObservabilityPanelProps>;
 
-export const WorkflowToolbarActions: React.FC<any>;
-export const WorkflowToolbar: React.FC<any>;
-
 // From components/composites/UserMessage/UserMessage.tsx
 export interface UserMessageData {
   id: string
@@ -1349,6 +1351,18 @@ export interface FormReportsDrawerFormProps {
 
 export const FormReportsDrawerForm: React.FC<FormReportsDrawerFormProps>;
 
+// From components/composites/FileQueue/FileStatusBadge.tsx
+export type FileStatus = "pending" | "modified" | "created" | "deleted";
+
+export interface FileStatusBadgeProps {
+  status: FileStatus;
+  className?: string;
+}
+
+export const FileStatusBadge: React.FC<FileStatusBadgeProps>;
+
+export const FileQueue: React.FC<any>;
+
 // From components/composites/FilePreviewDialog/FilePreviewDialog.tsx
 export interface FilePreviewDialogProps {
   open: boolean;
@@ -1362,18 +1376,6 @@ export interface FilePreviewDialogProps {
 
 export const FilePreviewDialog: React.FC<FilePreviewDialogProps>;
 
-// From components/composites/FileQueue/FileStatusBadge.tsx
-export type FileStatus = "pending" | "modified" | "created" | "deleted";
-
-export interface FileStatusBadgeProps {
-  status: FileStatus;
-  className?: string;
-}
-
-export const FileStatusBadge: React.FC<FileStatusBadgeProps>;
-
-export const FileQueue: React.FC<any>;
-
 // From components/composites/DocumentTabBar/DocumentTabBar.tsx
 export interface DocumentTabBarProps {
   /**
@@ -1406,6 +1408,40 @@ export const DocumentTabBar: React.FC<DocumentTabBarProps>;
 
 export const DocumentEditor: React.FC<any>;
 
+// From components/composites/Confirmation/Confirmation.tsx
+export interface ConfirmationProps {
+  /**
+   * Title text displayed at the top of the confirmation
+   */
+  title?: string;
+  /**
+   * Callback when user approves
+   */
+  onApprove?: () => void;
+  /**
+   * Callback when user rejects
+   */
+  onReject?: () => void;
+  /**
+   * Confirmation state
+   */
+  state: ToolUIState;
+  /**
+   * Approval data
+   */
+  approval?: ToolApproval;
+  /**
+   * Content to display (e.g., FileQueue)
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS classes
+   */
+  className?: string;
+}
+
+export const Confirmation: React.FC<ConfirmationProps>;
+
 
 // From components/composites/DataTable/StatusCell.tsx
 export interface StatusCellProps {
@@ -1483,42 +1519,10 @@ export interface DataTableProps<TData, TValue> {
 
 export const DataTable: React.FC<DataTableProps>;
 
-// From components/composites/Confirmation/Confirmation.tsx
-export interface ConfirmationProps {
-  /**
-   * Title text displayed at the top of the confirmation
-   */
-  title?: string;
-  /**
-   * Callback when user approves
-   */
-  onApprove?: () => void;
-  /**
-   * Callback when user rejects
-   */
-  onReject?: () => void;
-  /**
-   * Confirmation state
-   */
-  state: ToolUIState;
-  /**
-   * Approval data
-   */
-  approval?: ToolApproval;
-  /**
-   * Content to display (e.g., FileQueue)
-   */
-  children: React.ReactNode;
-  /**
-   * Additional CSS classes
-   */
-  className?: string;
-}
-
-export const Confirmation: React.FC<ConfirmationProps>;
-
 export const CommentBox: React.FC<any>;
 
+export const AppHeader: React.FC<any>;
+
 // From components/composites/AgentIndicator/AgentIndicator.tsx
 export interface SubAgent {
   id: string
@@ -1546,8 +1550,6 @@ export interface AgentIndicatorProps {
 
 export const AgentIndicator: React.FC<AgentIndicatorProps>;
 
-export const AppHeader: React.FC<any>;
-
 // From components/composites/AdjustableLayout/AdjustableLayout.tsx
 export interface AdjustableLayoutSection {
   id: string

package/dist/index.js

@@ -2941,7 +2941,14 @@ var FileQueue = React3.memo(
               onKeyDown: (e) => handleKeyDown(e, file.id),
               "aria-selected": isClickable ? isSelected : void 0,
               children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-                /* @__PURE__ */ jsx(Icon, { name: "file", size: "sm", className: "mt-0.5" }),
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: file.icon || "file",
+                    size: "sm",
+                    className: cn("mt-0.5", file.iconColor)
+                  }
+                ),
                 /* @__PURE__ */ jsxs(QueueItemContent, { children: [
                   file.name,
                   file.path && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70", children: [
@@ -8255,14 +8262,13 @@ var StateNode = memo(({ data, selected, id }) => {
   const displayDescription = data.description;
   const status = data.status;
   const isDisabled = data.enabled === false;
-  const isTerminal = data.isTerminal === true;
+  data.isTerminal === true;
   return /* @__PURE__ */ jsxs(
     Node2,
     {
       className: cn(
         "relative flex flex-col items-center justify-center border border-border bg-card shadow-none transition-all duration-150 ease-out",
-        selected && "border-primary border-2",
-        isTerminal && "border-2 border-primary",
+        selected ? "border-primary border-2" : "border border-border",
         isDisabled && "opacity-50"
       ),
       "data-testid": `state-node-${id}`,
@@ -9396,7 +9402,7 @@ function WorkflowCanvasInner({
           connectionMode: ConnectionMode.Strict,
           edges,
           edgeTypes,
-          elementsSelectable: interactive,
+          elementsSelectable: true,
           isValidConnection,
           nodes,
           nodeTypes,
@@ -9405,8 +9411,8 @@ function WorkflowCanvasInner({
           onConnect: interactive ? onConnect : void 0,
           onConnectEnd: interactive ? onConnectEnd : void 0,
           onConnectStart: interactive ? onConnectStart : void 0,
-          onEdgesChange: interactive ? onEdgesChange : void 0,
-          onNodesChange: interactive ? onNodesChange : void 0,
+          onEdgesChange,
+          onNodesChange,
           onPaneClick,
           onNodeClick,
           onEdgeClick,