@mindlogic-ai/logician-ui 4.0.0-alpha.12 → 4.0.0-alpha.13

package/src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx

@@ -3,7 +3,7 @@
 import { ReactNode, useMemo, useRef } from 'react';
 import { HStack, Stack } from '@chakra-ui/react';
 
-import { AlertTriangle, TbAlertCircle } from '@/components/Icon';
+import { AlertCircleIcon, AlertTriangleIcon } from '@/components/Icon';
 import { Subtext } from '@/components/Typography';
 
 import { useWorkflowIssueMessage } from '../../useWorkflowIssueMessage';
@@ -103,9 +103,9 @@ export function FieldWrapper({
         <HStack gap={1} align="center">
           <Subtext color={toneColor} display="flex" alignItems="center">
             {tone === 'danger' ? (
-              <TbAlertCircle boxSize="xs" />
+              <AlertCircleIcon boxSize="xs" />
             ) : (
-              <AlertTriangle boxSize="xs" />
+              <AlertTriangleIcon boxSize="xs" />
             )}
           </Subtext>
           <Subtext color={toneColor}>{resolveIssueMessage(issue)}</Subtext>

package/src/components/Workflow/canvas/GenericNode/GenericNode.tsx

@@ -3,7 +3,7 @@
 import { memo, useMemo } from 'react';
 import type { NodeProps } from '@xyflow/react';
 
-import { AlertOctagon } from '@/components/Icon';
+import { AlertOctagonIcon } from '@/components/Icon';
 
 import type { GraphNode } from '../../Workflow.types';
 import { useWorkflow } from '../../WorkflowContext';
@@ -56,7 +56,7 @@ export const GenericNode = memo(function GenericNode(
         // safety category surfaces the broken-ness in the icon tile, not
         // only in the error ring chrome.
         category="safety"
-        icon={AlertOctagon}
+        icon={AlertOctagonIcon}
         selected={!!selected}
         runState="error"
         issues={[

package/src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState } from 'react';
 import { Box, Flex, VStack } from '@chakra-ui/react';
 import { useReactFlow } from '@xyflow/react';
 
-import { TbChevronDown } from '@/components/Icon';
+import { ChevronDownIcon } from '@/components/Icon';
 import { Spinner } from '@/components/Spinner';
 import { Subtext, Text } from '@/components/Typography';
 
@@ -207,7 +207,7 @@ export function GraphErrorBanner({
         <Text fontSize="sm" fontWeight="semibold" color="slate.1300">
           {summarize(errorCount, warningCount)}
         </Text>
-        <TbChevronDown
+        <ChevronDownIcon
           boxSize="xs"
           color="slate.900"
           transform={open ? 'rotate(180deg)' : 'none'}

package/src/components/Workflow/canvas/NodePalette/NodePalette.tsx

@@ -4,7 +4,7 @@ import { DragEvent } from 'react';
 import { Box, HStack, Stack } from '@chakra-ui/react';
 
 import { Card } from '@/components/Card';
-import { GripVertical, TbX } from '@/components/Icon';
+import { CloseIcon, GripVerticalIcon } from '@/components/Icon';
 import { IconButton } from '@/components/IconButton';
 import { Subtext, Subtitle } from '@/components/Typography';
 
@@ -80,7 +80,7 @@ function PaletteItem({ def }: { def: NodeTypeDef }) {
           ) : null}
         </Stack>
         <Box color="slate.700" display="flex" alignItems="center">
-          <GripVertical boxSize="xs" />
+          <GripVerticalIcon boxSize="xs" />
         </Box>
       </HStack>
     </Card>
@@ -150,7 +150,7 @@ export function NodePalette({ onClose }: { onClose: () => void }) {
           colorPalette="neutral"
           onClick={onClose}
         >
-          <TbX boxSize="xs" aria-hidden />
+          <CloseIcon boxSize="xs" aria-hidden />
         </IconButton>
       </HStack>
       <Box flex="1" minHeight={0} overflowY="auto" p={3}>

package/src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx

@@ -2,7 +2,7 @@
 
 import { Box } from '@chakra-ui/react';
 
-import { IoAddOutline } from '@/components/Icon';
+import { PlusIcon } from '@/components/Icon';
 import { IconButton } from '@/components/IconButton';
 import { Tooltip } from '@/components/Tooltip';
 
@@ -31,7 +31,7 @@ export function NodePaletteToggle({ onOpen }: { onOpen: () => void }) {
           boxShadow="md"
           onClick={onOpen}
         >
-          <IoAddOutline boxSize="md" />
+          <PlusIcon boxSize="md" />
         </IconButton>
       </Tooltip>
     </Box>

package/src/components/Workflow/canvas/NodeShell/NodeShell.tsx

@@ -6,7 +6,7 @@ import { Handle, Position } from '@xyflow/react';
 
 import { Card } from '@/components/Card';
 import { Chip } from '@/components/Chip';
-import { AlertTriangle, StickyNote } from '@/components/Icon';
+import { AlertTriangleIcon, StickyNoteIcon } from '@/components/Icon';
 import { Subtext } from '@/components/Typography';
 
 import type {
@@ -124,14 +124,14 @@ function getHeaderBadge(
   if (hasError) {
     return (
       <Box color="danger.main" display="flex" alignItems="center">
-        <AlertTriangle boxSize="xs" />
+        <AlertTriangleIcon boxSize="xs" />
       </Box>
     );
   }
   if (hasWarning) {
     return (
       <Box color="warning.dark" display="flex" alignItems="center">
-        <AlertTriangle boxSize="xs" />
+        <AlertTriangleIcon boxSize="xs" />
       </Box>
     );
   }
@@ -222,7 +222,7 @@ export function NodeShell({
             letterSpacing="wider"
             textTransform="uppercase"
           >
-            <StickyNote boxSize="xs" />
+            <StickyNoteIcon boxSize="xs" />
             <Subtext color="warning.dark" fontWeight="bold">
               Note
             </Subtext>

package/src/components/Workflow/stories/toyNodeTypes.tsx

@@ -4,7 +4,7 @@ import { VStack } from '@chakra-ui/react';
 
 import { FormControl } from '@/components/FormControl';
 import { FormLabel } from '@/components/FormLabel';
-import { Bulb, Plus, Sparkles } from '@/components/Icon';
+import { BulbIcon, PlusIcon, SparklesIcon } from '@/components/Icon';
 import { Input } from '@/components/Input';
 
 import { defineNodeType, type NodeTypeDef } from '../Workflow.types';
@@ -24,7 +24,7 @@ const inputNode = defineNodeType<InputCfg>({
   label: 'Number',
   description: 'Constant input',
   category: 'trigger',
-  icon: Sparkles,
+  icon: SparklesIcon,
   defaultConfig: () => ({ value: 1 }),
   placement: { role: 'start' },
   handles: () => ({ inputs: [], outputs: [{ id: 'out' }] }),
@@ -55,7 +55,7 @@ const addNode = defineNodeType<AddCfg>({
   label: 'Add',
   description: 'a + b',
   category: 'logic',
-  icon: Plus,
+  icon: PlusIcon,
   defaultConfig: () => ({ label: 'sum' }),
   handles: () => ({
     inputs: [
@@ -91,7 +91,7 @@ const outputNode = defineNodeType<OutputCfg>({
   label: 'Print',
   description: 'Terminal output',
   category: 'output',
-  icon: Bulb,
+  icon: BulbIcon,
   defaultConfig: () => ({ label: 'result' }),
   placement: { minCount: 1, role: 'end' },
   handles: () => ({ inputs: [{ id: 'in' }], outputs: [] }),