@baishuyun/ai-design 1.0.1 → 1.0.3

package/dist/src/stories/field-checker-list-msg.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FieldCheckerListMsg } from '../components/field-checker-list-msg';
+declare const meta: Meta<typeof FieldCheckerListMsg>;
+export default meta;
+type Story = StoryObj<typeof FieldCheckerListMsg>;
+export declare const Default: Story;
+export declare const StreamingState: Story;
+export declare const ConfirmedState: Story;
+export declare const FieldValueCheckerListMsgDefault: Story;
+export declare const FieldValueCheckerListMsgStreaming: Story;
+//# sourceMappingURL=field-checker-list-msg.stories.d.ts.map

package/dist/src/stories/field-checker-list-msg.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-checker-list-msg.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/field-checker-list-msg.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAA4B,MAAM,sCAAsC,CAAC;AAuBrG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAc1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAElD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAa7C,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAa/C,CAAC"}

package/dist/src/stories/field-checker.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FieldChecker } from '../components/field-checker';
+declare const meta: Meta<typeof FieldChecker>;
+export default meta;
+type Story = StoryObj<typeof FieldChecker>;
+export declare const Default: Story;
+export declare const WithOptions: Story;
+export declare const WithValue: Story;
+export declare const Subform: Story;
+export declare const Disabled: Story;
+export declare const Confirmed: Story;
+export declare const Streaming: Story;
+//# sourceMappingURL=field-checker.stories.d.ts.map

package/dist/src/stories/field-checker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-checker.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/field-checker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAc3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAcnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}

package/dist/src/stories/field-icon.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FieldIcon } from '../components/field-icon';
+declare const meta: Meta<typeof FieldIcon>;
+export default meta;
+type Story = StoryObj<typeof FieldIcon>;
+export declare const Text: Story;
+export declare const Number: Story;
+export declare const Datetime: Story;
+export declare const Subform: Story;
+export declare const Formula: Story;
+export declare const Location: Story;
+export declare const Upload: Story;
+export declare const Unknown: Story;
+export declare const AllIcons: Story;
+//# sourceMappingURL=field-icon.stories.d.ts.map

package/dist/src/stories/field-icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-icon.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/field-icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}

package/dist/src/stories/field-value-checker.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FieldValueChecker } from '../components/field-value-checker';
+declare const meta: Meta<typeof FieldValueChecker>;
+export default meta;
+type Story = StoryObj<typeof FieldValueChecker>;
+export declare const Default: Story;
+export declare const NumberField: Story;
+export declare const Address: Story;
+export declare const LocationField: Story;
+export declare const SubForm: Story;
+export declare const ReadOnly: Story;
+export declare const Streaming: Story;
+//# sourceMappingURL=field-value-checker.stories.d.ts.map

package/dist/src/stories/field-value-checker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-value-checker.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/field-value-checker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AActE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAcxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/src/stories/subform-fields-value-checker.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SubformFieldsValueChecker } from '../components/subform-fields-value-checker';
+declare const meta: Meta<typeof SubformFieldsValueChecker>;
+export default meta;
+type Story = StoryObj<typeof SubformFieldsValueChecker>;
+export declare const SingleRow: Story;
+export declare const MultipleRows: Story;
+export declare const Readonly: Story;
+//# sourceMappingURL=subform-fields-value-checker.stories.d.ts.map

package/dist/src/stories/subform-fields-value-checker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subform-fields-value-checker.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/subform-fields-value-checker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAEvF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAchD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
   "type": "module",
   "main": "src/index.ts",
@@ -32,6 +32,7 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-radio-group": "^1.3.8",
@@ -49,7 +50,8 @@
     "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.4.0",
-    "@baishuyun/types": "2.0.1"
+    "@baishuyun/agents": "1.0.2",
+    "@baishuyun/types": "2.0.2"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^10.1.11",
@@ -64,9 +66,9 @@
     "typescript": "^5.5.0",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/typescript-config": "1.0.1",
-    "@baishuyun/tailwind-config": "2.0.1",
-    "@baishuyun/types": "2.0.1"
+    "@baishuyun/tailwind-config": "2.0.2",
+    "@baishuyun/types": "2.0.2",
+    "@baishuyun/typescript-config": "1.0.2"
   },
   "keywords": [],
   "author": "",

package/src/components/agent-scroll-selector.tsx

@@ -11,6 +11,7 @@ export interface AgentScrollSelectorProps {
   agents: Array<AgentSelectAgent>;
   activeAgent?: { id: string } | null;
   onSelect: (agent: AgentSelectAgent) => void | Promise<void>;
+  showSlider?: boolean;
   className?: string;
 }
 
@@ -19,6 +20,7 @@ export const AgentScrollSelector = ({
   activeAgent,
   onSelect,
   className,
+  showSlider,
 }: AgentScrollSelectorProps) => {
   const scrollRef = useRef<HTMLDivElement>(null);
   const [canScrollLeft, setCanScrollLeft] = useState(false);
@@ -88,8 +90,8 @@ const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
     [onSelect]
   );
 
-  return (
-    <div className={cn('flex items-center gap-2.5 w-fit max-w-full min-w-0', className)}>
+  const slider = (
+    <>
       <IconBtn
         rounded
         disabled={!canScrollLeft}
@@ -140,7 +142,12 @@ const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
         }
         onClick={() => scroll('right')}
       />
+    </>
+  );
 
+  return (
+    <div className={cn('flex items-center gap-2.5 w-fit max-w-full min-w-0', className)}>
+      {showSlider ? slider : null}
       {agents.length > 0 && (
         <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
           <PopoverTrigger asChild>
@@ -159,7 +166,7 @@ const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
               )}
             >
               <MenuLinesIcon />
-              <span>全部</span>
+              <span>技能</span>
             </button>
           </PopoverTrigger>
           <PopoverContent

package/src/components/bs-entry-select/app-group-folder.tsx

@@ -0,0 +1,61 @@
+import { useState, useEffect } from 'react';
+import { cn } from '../../lib/utils';
+import { transCls } from '../../const/ui';
+import { SolidArrowDownIcon } from '../bs-icons';
+
+const ChevronRightIcon = ({ size }: { size?: number }) => (
+  <SolidArrowDownIcon className="-rotate-90" size={size} />
+);
+
+export function AppGroupFolder({
+  label,
+  searchQuery,
+  children,
+}: {
+  label: string;
+  searchQuery: string;
+  children: React.ReactNode;
+}) {
+  const [expanded, setExpanded] = useState(true);
+  const hasSearch = searchQuery.trim().length > 0;
+
+  useEffect(() => {
+    if (hasSearch) {
+      setExpanded(true);
+    }
+  }, [hasSearch]);
+
+  return (
+    <div>
+      <div
+        className={cn(
+          'flex items-center gap-[6px] h-[32px] cursor-pointer rounded-[4px] pr-[10px]',
+          'hover:bg-[#EFF0F6]',
+          'border-b border-[#E0E0E0]',
+          'rounded-b-none',
+          transCls,
+        )}
+        style={{ paddingLeft: 10, paddingTop: 9 }}
+        onClick={() => setExpanded(!expanded)}
+      >
+        <span
+          className={cn(
+            'shrink-0 flex items-center justify-center w-[16px] h-[16px]',
+            transCls,
+            expanded && 'rotate-90',
+          )}
+        >
+          <ChevronRightIcon size={16} />
+        </span>
+        <i
+          className="icon-bsy-folder-close"
+          style={{ fontSize: 16, lineHeight: 1 }}
+        />
+        <span className="text-[12px] text-[#666666]">{label}</span>
+      </div>
+      {expanded && (
+        <div className="flex flex-col">{children}</div>
+      )}
+    </div>
+  );
+}

package/src/components/bs-entry-select/bs-entry-select.tsx

@@ -0,0 +1,271 @@
+import {
+  forwardRef,
+  useState,
+  useRef,
+  useEffect,
+  useMemo,
+  useCallback,
+} from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../../lib/utils';
+import { transCls } from '../../const/ui';
+import { ScrollSlider } from './scroll-slider';
+import { EntryPopover } from './entry-popover';
+import { buildEntryTreeFromAliasMap } from './build-tree';
+import type { BsEntrySelectProps, BsEntrySelectChangeResult } from './types';
+import { SolidArrowDownIcon as ChevronDownIcon, MenuLinesIcon } from '../bs-icons';
+
+export type { BsEntrySelectProps, BsEntrySelectChangeResult };
+
+export const BsEntrySelect = forwardRef<HTMLDivElement, BsEntrySelectProps>(
+  (
+    {
+      appDetails,
+      currentAppId,
+      value: controlledValue,
+      defaultValue,
+      onChange,
+      placeholder: _placeholder = '请选择',
+      disabled = false,
+      className,
+      showSlider = true,
+    },
+    ref,
+  ) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [internalValue, setInternalValue] = useState<string | undefined>(
+      defaultValue,
+    );
+    const triggerRef = useRef<HTMLDivElement>(null);
+    const popoverRef = useRef<HTMLDivElement>(null);
+    const [popoverStyle, setPopoverStyle] = useState<React.CSSProperties>({});
+    const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);
+    const [sliderHasOverflow, setSliderHasOverflow] = useState(false);
+
+    const handleOverflowChange = useCallback((hasOverflow: boolean) => {
+      setSliderHasOverflow(hasOverflow);
+    }, []);
+
+    const selectedEntryId = controlledValue ?? internalValue;
+
+    const otherAppIds = useMemo(() => {
+      return Object.keys(appDetails).filter((id) => id !== currentAppId);
+    }, [appDetails, currentAppId]);
+
+    const updatePopoverPosition = useCallback(() => {
+      if (!triggerRef.current) return;
+      const rect = triggerRef.current.getBoundingClientRect();
+      setPopoverStyle({
+        position: 'fixed',
+        top: rect.bottom + 4,
+        left: rect.left,
+        minWidth: Math.max(rect.width, 240),
+        zIndex: 9999,
+      });
+    }, []);
+
+    const setTriggerRef = useCallback((node: HTMLDivElement | null) => {
+      (triggerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;
+      if (!node) {
+        setPortalContainer(null);
+        return;
+      }
+      const rootNode = node.getRootNode();
+      if (rootNode instanceof ShadowRoot) {
+        const existing = rootNode.querySelector<HTMLElement>(
+          '[data-bs-entry-select-portal]',
+        );
+        if (existing) {
+          setPortalContainer(existing);
+          return;
+        }
+        const container = document.createElement('div');
+        container.setAttribute('data-bs-entry-select-portal', 'true');
+        rootNode.appendChild(container);
+        setPortalContainer(container);
+        return;
+      }
+      setPortalContainer(null);
+    }, []);
+
+    const handleClose = useCallback(() => {
+      setIsOpen(false);
+      setSearchQuery('');
+      if (triggerRef.current) {
+        triggerRef.current.style.backgroundColor = '';
+      }
+    }, []);
+
+    const handleToggle = useCallback(() => {
+      if (disabled) return;
+      if (isOpen) {
+        handleClose();
+      } else {
+        setIsOpen(true);
+        updatePopoverPosition();
+      }
+    }, [disabled, isOpen, handleClose, updatePopoverPosition]);
+
+    const handleSelect = useCallback(
+      (result: BsEntrySelectChangeResult) => {
+        setInternalValue(result.entry.entryId);
+        onChange?.(result);
+        handleClose();
+      },
+      [onChange, handleClose],
+    );
+
+    // Event listeners for popover (click outside, scroll, resize)
+    useEffect(() => {
+      if (!isOpen) return;
+
+      const handleClickOutside = (e: MouseEvent) => {
+        const path = e.composedPath();
+        if (
+          (popoverRef.current && path.includes(popoverRef.current)) ||
+          (triggerRef.current && path.includes(triggerRef.current))
+        ) {
+          return;
+        }
+        handleClose();
+      };
+
+      const handleScroll = () => {
+        updatePopoverPosition();
+      };
+
+      const handleResize = () => {
+        updatePopoverPosition();
+      };
+
+      document.addEventListener('mousedown', handleClickOutside);
+      window.addEventListener('scroll', handleScroll, true);
+      window.addEventListener('resize', handleResize);
+
+      return () => {
+        document.removeEventListener('mousedown', handleClickOutside);
+        window.removeEventListener('scroll', handleScroll, true);
+        window.removeEventListener('resize', handleResize);
+      };
+    }, [isOpen, handleClose, updatePopoverPosition]);
+
+    // Keyboard escape listener
+    useEffect(() => {
+      if (!isOpen) return;
+
+      const handleEscape = (e: KeyboardEvent) => {
+        if (e.key === 'Escape') {
+          handleClose();
+        }
+      };
+
+      document.addEventListener('keydown', handleEscape);
+      return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, handleClose]);
+
+    const hasCurrentApp = Boolean(currentAppId && appDetails[currentAppId]);
+    const hasOtherApps = otherAppIds.length > 0;
+    const hasAnyContent = hasCurrentApp || hasOtherApps;
+
+    const currentAppTree = useMemo(() => {
+      if (!currentAppId || !appDetails[currentAppId]) return [];
+      return buildEntryTreeFromAliasMap(appDetails[currentAppId], searchQuery);
+    }, [appDetails, currentAppId, searchQuery]);
+
+    const hasSearch = searchQuery.trim().length > 0;
+
+    return (
+      <div ref={ref} className={cn('relative inline-flex items-center gap-[10px] min-w-0', className)}>
+        {/* Scroll slider — greedy width */}
+        {showSlider && (
+          <ScrollSlider
+            appDetails={appDetails}
+            currentAppId={currentAppId}
+            selectedEntryId={selectedEntryId}
+            onSelect={handleSelect}
+            onOverflowChange={handleOverflowChange}
+          />
+        )}
+
+        {/* Trigger — hidden when slider shows all nodes without overflow */}
+        {(!showSlider || sliderHasOverflow) && (
+          <div
+            ref={setTriggerRef}
+            className={cn(
+              'flex items-center gap-[10px] px-[10px] py-[7px] rounded-[4px] cursor-pointer select-none shrink-0',
+              transCls,
+              isOpen && 'bg-[#EFF0F6]',
+              disabled && 'opacity-50 cursor-not-allowed',
+            )}
+            onClick={handleToggle}
+          onMouseEnter={(e) => {
+            if (!isOpen && !disabled) {
+              (e.currentTarget as HTMLElement).style.backgroundColor =
+                '#EFF0F6';
+            }
+          }}
+          onMouseLeave={(e) => {
+            if (!isOpen) {
+              (e.currentTarget as HTMLElement).style.backgroundColor = '';
+            }
+          }}
+        >
+          <span className="flex items-center gap-[10px] min-w-0 flex-1">
+            <MenuLinesIcon />
+            <span>全部</span>
+            {/* {selectedResult ? (
+              <>
+                <i
+                  className={getEntryIconClass(selectedResult.entry)}
+                  style={{ fontSize: 16, lineHeight: 1 }}
+                />
+                <span className="text-[14px] text-[#030303] truncate">
+                  {selectedResult.entry.name}
+                </span>
+              </>
+            ) : (
+              <span className="text-[14px] text-[#999999] truncate">
+                {placeholder}
+              </span>
+            )} */}
+          </span>
+          <span
+            className={cn(
+              'shrink-0 flex items-center justify-center w-[16px] h-[16px] text-[#666666]',
+              transCls,
+              isOpen && 'rotate-180',
+            )}
+          >
+            <ChevronDownIcon size={16} />
+          </span>
+        </div>
+        )}
+
+        {/* Popover */}
+        {isOpen &&
+          createPortal(
+            <div ref={popoverRef} style={popoverStyle}>
+              <EntryPopover
+                searchQuery={searchQuery}
+                onSearchChange={setSearchQuery}
+                currentAppTree={currentAppTree}
+                currentAppId={currentAppId}
+                otherAppIds={otherAppIds}
+                appDetails={appDetails}
+                selectedEntryId={selectedEntryId}
+                hasCurrentApp={hasCurrentApp}
+                hasOtherApps={hasOtherApps}
+                hasAnyContent={hasAnyContent}
+                hasSearch={hasSearch}
+                onSelect={handleSelect}
+              />
+            </div>,
+            portalContainer || document.body,
+          )}
+      </div>
+    );
+  },
+);
+
+BsEntrySelect.displayName = 'BsEntrySelect';

package/src/components/bs-entry-select/build-tree.ts

@@ -0,0 +1,144 @@
+import type { IAppDetail, IEntryDetail } from '@baishuyun/types';
+import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
+
+export const DEPTH_PADDING: Record<number, string> = {
+  0: 'pl-[10px]',
+  1: 'pl-[32px]',
+  2: 'pl-[32px]',
+  3: 'pl-[54px]',
+  4: 'pl-[78px]',
+  5: 'pl-[102px]',
+};
+
+export function getDepthPadding(depth: number): string {
+  return DEPTH_PADDING[Math.min(depth, 5)] ?? DEPTH_PADDING[5];
+}
+
+export function getEntryIconClass(entry: IEntryDetail): string {
+  const isNew = entry.icon >= 25;
+  const newStr = isNew ? '-new' : '';
+  return `node-icon icon-bsy-form${newStr}  icon${newStr}-bsy-form-${entry.icon}`;
+}
+
+export function buildEntryTreeFromAliasMap(
+  appDetail: IAppDetail,
+  searchQuery: string,
+): EntryTreeItem[] {
+  const { entryIdAliasMap, entryMap } = appDetail;
+  const aliasKeys = Object.keys(entryIdAliasMap);
+  if (aliasKeys.length === 0) return [];
+
+  const childrenByParent = new Map<string, string[]>();
+  for (const id of aliasKeys) {
+    const aliasItem = entryIdAliasMap[id];
+    const parentKey = aliasItem.parent || '0';
+    if (!childrenByParent.has(parentKey)) {
+      childrenByParent.set(parentKey, []);
+    }
+    childrenByParent.get(parentKey)!.push(id);
+  }
+
+  // Root parents: any parent value that is not itself a key in entryIdAliasMap.
+  // Also include the sentinel '0' for entries with empty/falsy parent.
+  const allParentValues = new Set(childrenByParent.keys());
+  const rootParents = Array.from(allParentValues).filter(
+    (p) => p === '0' || !entryIdAliasMap[p],
+  );
+
+  const lowerQuery = searchQuery.toLowerCase().trim();
+
+  function buildRecursive(parentId: string, depth: number): EntryTreeItem[] {
+    const childIds = childrenByParent.get(parentId) || [];
+    const nodes: EntryTreeItem[] = [];
+
+    for (const id of childIds) {
+      const aliasItem = entryIdAliasMap[id];
+      const entryDetail = entryMap[id] || null;
+      const name = entryDetail?.name || id;
+      const icon = entryDetail?.icon || 0;
+      const isGroup = aliasItem.type === 'group';
+
+      const children = buildRecursive(id, depth + 1);
+      const selfMatch = !lowerQuery || name.toLowerCase().includes(lowerQuery);
+
+      if (isGroup) {
+        if (selfMatch || children.length > 0) {
+          nodes.push({
+            id,
+            name,
+            icon,
+            type: 'group',
+            children,
+            depth,
+            isSelectable: false,
+            entry: entryDetail,
+          });
+        }
+      } else {
+        if (selfMatch) {
+          nodes.push({
+            id,
+            name,
+            icon,
+            type: aliasItem.type,
+            children: [],
+            depth,
+            isSelectable: true,
+            entry: entryDetail,
+          });
+        }
+      }
+    }
+
+    return nodes;
+  }
+
+  // Build from each root parent, all at depth 0
+  const result: EntryTreeItem[] = [];
+  for (const rootId of rootParents) {
+    result.push(...buildRecursive(rootId, 0));
+  }
+  return result;
+}
+
+export function filterTreeBySearch(
+  nodes: EntryTreeItem[],
+  searchQuery: string,
+): EntryTreeItem[] {
+  const lowerQuery = searchQuery.toLowerCase().trim();
+  if (!lowerQuery) return nodes;
+
+  const result: EntryTreeItem[] = [];
+  for (const node of nodes) {
+    const nameMatch = node.name.toLowerCase().includes(lowerQuery);
+    const filteredChildren = filterTreeBySearch(node.children, searchQuery);
+
+    if (!node.isSelectable) {
+      if (nameMatch || filteredChildren.length > 0) {
+        result.push({ ...node, children: filteredChildren });
+      }
+    } else {
+      if (nameMatch) {
+        result.push(node);
+      }
+    }
+  }
+  return result;
+}
+
+export function findSelected(
+  appDetails: Record<string, IAppDetail>,
+  entryId: string,
+  currentAppId?: string,
+): BsEntrySelectChangeResult | null {
+  for (const [appId, detail] of Object.entries(appDetails)) {
+    if (detail.entryMap[entryId]) {
+      return {
+        entry: detail.entryMap[entryId],
+        appId,
+        section: appId === currentAppId ? 'current' : 'other',
+      };
+    }
+  }
+  return null;
+}