ai-design-system 0.1.65 → 0.1.66

package/components/blocks/AppSidebar/AppSidebar.tsx

@@ -20,6 +20,7 @@ export const AppSidebar = React.memo<AppSidebarProps>(
   ({
     logo,
     mainNavigation,
+    navigationGroups,
     secondaryNavigation,
     documents,
     user,
@@ -46,11 +47,22 @@ export const AppSidebar = React.memo<AppSidebarProps>(
         </SidebarHeader>
 
         <SidebarContent>
-          <SidebarGroup>
-            <SidebarGroupContent>
-              <NavigationList items={mainNavigation} />
-            </SidebarGroupContent>
-          </SidebarGroup>
+          {mainNavigation && mainNavigation.length > 0 && (
+            <SidebarGroup>
+              <SidebarGroupContent>
+                <NavigationList items={mainNavigation} />
+              </SidebarGroupContent>
+            </SidebarGroup>
+          )}
+
+          {navigationGroups?.map((group) => (
+            <SidebarGroup key={group.label}>
+              <SidebarGroupLabel>{group.label}</SidebarGroupLabel>
+              <SidebarGroupContent>
+                <NavigationList items={group.items} />
+              </SidebarGroupContent>
+            </SidebarGroup>
+          ))}
 
           {documents && documents.length > 0 && (
             <SidebarGroup>

package/components/blocks/AppSidebar/interfaces.ts

@@ -1,13 +1,19 @@
 import type { NavigationItem } from "@/components/composites/NavigationList/interfaces";
 import type { SidebarProps } from "@/components/primitives/Sidebar";
 
+export interface NavigationGroup {
+  label: string;
+  items: NavigationItem[];
+}
+
 export interface AppSidebarProps {
   logo?: {
     icon: string;
     text: string;
     href: string;
   };
-  mainNavigation: NavigationItem[];
+  mainNavigation?: NavigationItem[];
+  navigationGroups?: NavigationGroup[];
   secondaryNavigation?: NavigationItem[];
   documents?: NavigationItem[];
   user: {

package/components/composites/NavigationList/NavigationList.tsx

@@ -25,7 +25,7 @@ export const NavigationList = React.memo<NavigationListProps>(
   ({ items, onItemClick, className }) => {
     return (
       <SidebarMenu className={className}>
-        {items.map((item) => (
+        {items?.map((item) => (
           <SidebarMenuItem key={item.title}>
             <SidebarMenuButton
               tooltip={item.title}

package/components/features/TextEditor/TextEditor.tsx

@@ -269,9 +269,44 @@ export const TextEditor = React.memo<TextEditorProps>(
         if (!isExternal && !isAnchor && href) {
           e.preventDefault()
           let targetId = href
-          if (targetId.startsWith('./')) {
+          
+          if (targetId.startsWith('file://')) {
+            let path = targetId.replace('file://', '')
+            // On Windows, file:///C:/path becomes /C:/path, we want C:/path
+            if (path.match(/^\/[a-zA-Z]:\//)) {
+              path = path.slice(1)
+            }
+            if (isMultiTab && props.documents) {
+              const matchedDoc = props.documents.find(doc => path.endsWith(doc.file.id) || path.endsWith('/' + doc.file.id))
+              if (matchedDoc) {
+                targetId = matchedDoc.file.id
+              } else {
+                targetId = path
+              }
+            } else {
+              targetId = path
+            }
+          } else if (props.activeDocumentId) {
+            if (targetId.startsWith('/')) {
+              targetId = targetId.slice(1)
+            } else {
+              const baseParts = props.activeDocumentId.split('/')
+              baseParts.pop() // remove current filename
+              const targetParts = targetId.split('/')
+              for (const part of targetParts) {
+                if (part === '.' || part === '') continue
+                if (part === '..') {
+                  if (baseParts.length > 0) baseParts.pop()
+                } else {
+                  baseParts.push(part)
+                }
+              }
+              targetId = baseParts.join('/')
+            }
+          } else if (targetId.startsWith('./')) {
             targetId = targetId.slice(2)
           }
+
           if (handleTabSelect) {
             handleTabSelect(targetId)
           }
@@ -282,7 +317,7 @@ export const TextEditor = React.memo<TextEditorProps>(
         return <a href={href} target="_blank" rel="noopener noreferrer" {...rest} />
       }
       return <a href={href} onClick={handleClick} className="text-primary hover:underline cursor-pointer" {...rest} />
-    }, [handleTabSelect])
+    }, [handleTabSelect, props.activeDocumentId])
 
     /**
      * Single-document mode

package/dist/index.cjs

@@ -1399,7 +1399,7 @@ var Icon = React3__namespace.memo(
 Icon.displayName = "Icon";
 var NavigationList = React3__namespace.memo(
   ({ items, onItemClick, className }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu2, { className, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu2, { className, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
       SidebarMenuButton2,
       {
         tooltip: item.title,
@@ -1642,6 +1642,7 @@ var AppSidebar = React3__namespace.memo(
     var _b = _a, {
       logo,
       mainNavigation,
+      navigationGroups,
       secondaryNavigation,
       documents,
       user,
@@ -1651,6 +1652,7 @@ var AppSidebar = React3__namespace.memo(
     } = _b, props = __objRest(_b, [
       "logo",
       "mainNavigation",
+      "navigationGroups",
       "secondaryNavigation",
       "documents",
       "user",
@@ -1664,7 +1666,11 @@ var AppSidebar = React3__namespace.memo(
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold", children: logo.text })
       ] }) }) }) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(SidebarContent2, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup2, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationList, { items: mainNavigation }) }) }),
+        mainNavigation && mainNavigation.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup2, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationList, { items: mainNavigation }) }) }),
+        navigationGroups == null ? void 0 : navigationGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(SidebarGroup2, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupLabel2, { children: group.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationList, { items: group.items }) })
+        ] }, group.label)),
         documents && documents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(SidebarGroup2, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupLabel2, { children: "Documents" }),
           /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationList, { items: documents }) })
@@ -11694,7 +11700,39 @@ var TextEditor = React3__namespace.default.memo(
         if (!isExternal && !isAnchor && href) {
           e.preventDefault();
           let targetId = href;
-          if (targetId.startsWith("./")) {
+          if (targetId.startsWith("file://")) {
+            let path = targetId.replace("file://", "");
+            if (path.match(/^\/[a-zA-Z]:\//)) {
+              path = path.slice(1);
+            }
+            if (isMultiTab && props.documents) {
+              const matchedDoc = props.documents.find((doc) => path.endsWith(doc.file.id) || path.endsWith("/" + doc.file.id));
+              if (matchedDoc) {
+                targetId = matchedDoc.file.id;
+              } else {
+                targetId = path;
+              }
+            } else {
+              targetId = path;
+            }
+          } else if (props.activeDocumentId) {
+            if (targetId.startsWith("/")) {
+              targetId = targetId.slice(1);
+            } else {
+              const baseParts = props.activeDocumentId.split("/");
+              baseParts.pop();
+              const targetParts = targetId.split("/");
+              for (const part of targetParts) {
+                if (part === "." || part === "") continue;
+                if (part === "..") {
+                  if (baseParts.length > 0) baseParts.pop();
+                } else {
+                  baseParts.push(part);
+                }
+              }
+              targetId = baseParts.join("/");
+            }
+          } else if (targetId.startsWith("./")) {
             targetId = targetId.slice(2);
           }
           if (handleTabSelect) {
@@ -11706,7 +11744,7 @@ var TextEditor = React3__namespace.default.memo(
         return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({ href, target: "_blank", rel: "noopener noreferrer" }, rest));
       }
       return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({ href, onClick: handleClick, className: "text-primary hover:underline cursor-pointer" }, rest));
-    }, [handleTabSelect]);
+    }, [handleTabSelect, props.activeDocumentId]);
     if (!isMultiTab) {
       const format = props.format || "markdown";
       const isMarkdown = format === "markdown" || format === "md" || format === "mdx";