@docyrus/ui-pro-ai-assistant 0.4.8 → 0.5.0

package/dist/hooks/use-resolved-record-fields.d.ts

@@ -1,11 +1,15 @@
 import { type DataSourceField } from '../lib/assistant-config';
 export interface ResolvedDataSource {
     name?: string;
+    type?: string;
     appSlug: string;
     dsSlug: string;
     labelField?: {
         slug: string;
     };
+    idField?: {
+        slug: string;
+    };
 }
 export declare function clearRecordFieldsCache(): void;
 export interface UseResolvedRecordFieldsResult {

package/dist/index.js

@@ -4957,12 +4957,14 @@ var USER_TYPES = /* @__PURE__ */ new Set([
   "userSelect",
   "userMultiSelect"
 ]);
+var RELATION_TYPES = /* @__PURE__ */ new Set(["field-relation", "relation"]);
 var CACHE_TTL_MS = 10 * 60 * 1e3;
 var USERS_PAGE_LIMIT = 200;
 var USERS_PAGE_CAP = 5;
 var metaCache = /* @__PURE__ */ new Map();
 var enumsCache = /* @__PURE__ */ new Map();
 var usersCache = /* @__PURE__ */ new Map();
+var relationCache = /* @__PURE__ */ new Map();
 function getOrFetch(cache, key, loader) {
   const now = Date.now();
   const cached = cache.get(key);
@@ -4998,9 +5000,11 @@ async function fetchMeta(apiClient, dataSourceId, baseUrl, getDataSourceSchema)
     return {
       dataSource: {
         name: ds.name,
+        type: ds.type,
         appSlug,
         dsSlug,
-        labelField: ds.label_field
+        labelField: ds.label_field || ds.labelField,
+        idField: ds.id_field || ds.idField
       },
       fields: dsFields
     };
@@ -5023,7 +5027,15 @@ async function fetchEnums(apiClient, dataSourceId, baseUrl) {
         id: opt.id,
         name: opt.name,
         color: opt.color,
-        icon: opt.icon
+        icon: opt.icon,
+        parent: opt.parent || opt.parentId || opt.parent_id,
+        slug: opt.slug,
+        sort_order: opt.sortOrder ?? opt.sort_order,
+        active: opt.active,
+        is_final_option: opt.isFinalOption ?? opt.is_final_option,
+        force_description: opt.forceDescription ?? opt.force_description,
+        force_followup_date: opt.forceFollowupDate ?? opt.force_followup_date,
+        description: opt.description
       });
     }
     return byFieldId.size > 0 ? byFieldId : null;
@@ -5046,7 +5058,7 @@ async function fetchUsers(apiClient, baseUrl) {
         const id = u.id || u.user_id;
         if (!id || seen.has(id)) continue;
         seen.add(id);
-        added += 1;
+        added++;
         const nameParts = [u.firstname, u.lastname].filter(Boolean).join(" ");
         all3.push({
           id,
@@ -5059,6 +5071,61 @@ async function fetchUsers(apiClient, baseUrl) {
     return all3.length > 0 ? all3 : null;
   });
 }
+function resolveDisplayName(record, labelSlug) {
+  const labelValue = record[labelSlug];
+  if (typeof labelValue === "string" && labelValue) return labelValue;
+  if (labelValue && typeof labelValue === "object" && "name" in labelValue) {
+    return labelValue.name;
+  }
+  const nameValue = record.name;
+  if (typeof nameValue === "string" && nameValue) return nameValue;
+  if (nameValue && typeof nameValue === "object" && "name" in nameValue) {
+    return nameValue.name;
+  }
+  return record.title || record.label || record.display_name || record.id;
+}
+var RELATION_ITEMS_LIMIT = 50;
+async function fetchRelationRecords(apiClient, relationDataSourceId, baseUrl, getDataSourceSchema) {
+  return getOrFetch(relationCache, `${baseUrl}::${relationDataSourceId}`, async () => {
+    const relMeta = await fetchMeta(apiClient, relationDataSourceId, baseUrl, getDataSourceSchema);
+    if (!relMeta) return null;
+    const {
+      appSlug,
+      dsSlug,
+      labelField,
+      idField,
+      type: dsType
+    } = relMeta.dataSource;
+    const idSlug = idField?.slug || "id";
+    const labelSlug = labelField?.slug;
+    const columns = dsType === "simple" ? ["name", "id", "autonumber_id"] : [idSlug];
+    if (labelSlug && !columns.includes(labelSlug)) {
+      columns.push(labelSlug);
+    }
+    if (!columns.includes("name")) {
+      columns.push("name");
+    }
+    const res = await apiClient.get(
+      `/apps/${appSlug}/data-sources/${dsSlug}/items`,
+      {
+        limit: RELATION_ITEMS_LIMIT,
+        columns: columns.join(","),
+        dataSourceId: relationDataSourceId,
+        fullCount: false
+      }
+    );
+    if (!res.success) return null;
+    const payload = res.data;
+    const items2 = Array.isArray(payload) ? payload : payload?.items ?? payload?.data;
+    if (!Array.isArray(items2) || items2.length === 0) return null;
+    return items2.map((record) => ({
+      id: record.id,
+      name: resolveDisplayName(record, labelSlug || "name"),
+      icon: record.icon || void 0,
+      color: record.color || void 0
+    }));
+  });
+}
 function useResolvedRecordFields(dataSourceId, recordSlugs) {
   const apiClient = useApiClient();
   const config3 = useAssistantConfig();
@@ -5072,12 +5139,8 @@ function useResolvedRecordFields(dataSourceId, recordSlugs) {
   );
   const apiClientRef = useRef(apiClient);
   const configRef = useRef(config3);
-  useEffect(() => {
-    apiClientRef.current = apiClient;
-  });
-  useEffect(() => {
-    configRef.current = config3;
-  });
+  apiClientRef.current = apiClient;
+  configRef.current = config3;
   const baseUrl = config3.apiBaseUrl;
   useEffect(() => {
     if (!dataSourceId) {
@@ -5086,7 +5149,7 @@ function useResolvedRecordFields(dataSourceId, recordSlugs) {
     }
     let cancelled = false;
     setLoading(true);
-    (async () => {
+    const run = async () => {
       const meta = await fetchMeta(
         apiClientRef.current,
         dataSourceId,
@@ -5106,26 +5169,44 @@ function useResolvedRecordFields(dataSourceId, recordSlugs) {
       }
       const hasSelectFields = displayFields.some((f) => SELECT_TYPES.has(f.type));
       const hasUserFields = displayFields.some((f) => USER_TYPES.has(f.type));
-      let enumsPromise = Promise.resolve(null);
-      let usersPromise = Promise.resolve(null);
-      if (hasSelectFields) enumsPromise = fetchEnums(apiClientRef.current, dataSourceId, baseUrl);
-      if (hasUserFields) usersPromise = fetchUsers(apiClientRef.current, baseUrl);
-      const [enums, users] = await Promise.all([enumsPromise, usersPromise]);
+      const relationDsIds = [
+        ...new Set(
+          displayFields.filter((f) => RELATION_TYPES.has(f.type) && f.relation_data_source_id).map((f) => f.relation_data_source_id)
+        )
+      ];
+      const enumsPromise = hasSelectFields ? fetchEnums(apiClientRef.current, dataSourceId, baseUrl) : Promise.resolve(null);
+      const usersPromise = hasUserFields ? fetchUsers(apiClientRef.current, baseUrl) : Promise.resolve(null);
+      const relationPromises = relationDsIds.map((relDsId) => fetchRelationRecords(apiClientRef.current, relDsId, baseUrl, configRef.current.getDataSourceSchema).then((options3) => [relDsId, options3]));
+      const [enums, users, ...relationResults] = await Promise.all([enumsPromise, usersPromise, ...relationPromises]);
       if (cancelled) return;
+      const relationMap = /* @__PURE__ */ new Map();
+      for (const [relDsId, options3] of relationResults) {
+        if (options3) relationMap.set(relDsId, options3);
+      }
       const enrichedFields = displayFields.map((f) => {
-        if (enums && SELECT_TYPES.has(f.type) && enums.has(f.id)) {
-          return { ...f, enumOptions: enums.get(f.id) };
+        if (SELECT_TYPES.has(f.type)) {
+          if (enums && enums.has(f.id)) {
+            return { ...f, enumOptions: enums.get(f.id) };
+          }
+          const inlineData = f.data || f.options?.data || f.options?.editorOptions?.data;
+          if (Array.isArray(inlineData) && inlineData.length > 0) {
+            return { ...f, enumOptions: inlineData };
+          }
         }
         if (users && USER_TYPES.has(f.type)) {
           return { ...f, enumOptions: users };
         }
+        if (RELATION_TYPES.has(f.type) && f.relation_data_source_id && relationMap.has(f.relation_data_source_id)) {
+          return { ...f, enumOptions: relationMap.get(f.relation_data_source_id) };
+        }
         return f;
       });
       setFields(enrichedFields);
       setDataSource(meta.dataSource);
       setResolved(true);
       setLoading(false);
-    })();
+    };
+    void run();
     return () => {
       cancelled = true;
     };
@@ -10186,12 +10267,12 @@ function UpdateRecord({
   useEffect(() => {
     if (!dataSource || !recordId || isBatch) return;
     let cancelled = false;
-    (async () => {
+    const run = async () => {
       const { appSlug, dsSlug, labelField } = dataSource;
       const columns = ["autonumber_id", labelField?.slug].filter(Boolean);
       const endpoint = `/apps/${appSlug}/data-sources/${dsSlug}/items/${recordId}`;
       try {
-        const result = await apiClient.get(endpoint, { columns });
+        const result = await apiClient.get(endpoint, { columns: columns.join(",") });
         if (!cancelled && result.success && result.data) {
           setExistingRecord(result.data);
         }
@@ -10200,7 +10281,8 @@ function UpdateRecord({
           console.warn("[update-record] header fetch failed", err);
         }
       }
-    })();
+    };
+    void run();
     return () => {
       cancelled = true;
     };
@@ -30577,7 +30659,7 @@ var AssistantProjectDetailView = ({
         showToolbar: true
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Tabs$1, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsxs(Tabs$1, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
       /* @__PURE__ */ jsxs(TabsList$1, { className: "grid w-full grid-cols-3", children: [
         /* @__PURE__ */ jsx(TabsTrigger$1, { value: "sessions", children: t("tabs.sessions") }),
         /* @__PURE__ */ jsx(TabsTrigger$1, { value: "works", children: t("tabs.works") }),
@@ -30712,6 +30794,7 @@ var AssistantProjectsPanel = ({
   onEditProject,
   onDeleteProject,
   compact = false,
+  sidebarOffset = false,
   t
 }) => {
   const filtered = projects.filter((p) => {
@@ -30719,10 +30802,10 @@ var AssistantProjectsPanel = ({
     const q = searchQuery.toLowerCase();
     return p.name.toLowerCase().includes(q) || p.description && p.description.toLowerCase().includes(q);
   });
-  return /* @__PURE__ */ jsxs("div", { className: `flex-1 flex flex-col overflow-y-auto ${compact ? "p-3" : "p-6"}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between ${compact ? "mb-3" : "mb-6"}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between mb-6", sidebarOffset && "ml-6"), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ jsx("h1", { className: `font-semibold ps-2 truncate ${compact ? "text-base" : "text-2xl"}`, children: t("sections.projects") }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold ps-2 truncate", children: t("sections.projects") }),
         !compact && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground ps-2", children: t("descriptions.manage_projects") })
       ] }),
       /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onNewProject, className: "shrink-0", children: [
@@ -30730,7 +30813,7 @@ var AssistantProjectsPanel = ({
         !compact && t("buttons.new_project")
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `flex items-center gap-4 ${compact ? "mb-3" : "mb-6"}`, children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 mb-6", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
       /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground w-4 h-4" }),
       /* @__PURE__ */ jsx(
         Input,
@@ -30957,11 +31040,13 @@ var SidebarContent = ({
   onShowMoreProjects,
   onNewProject,
   onToggleSidebar,
+  supportWorkCanvas = true,
   t
 }) => {
-  const [activeListType, setActiveListType] = useState("sessions");
+  const [storedListType, setActiveListType] = useState("sessions");
+  const activeListType = !supportWorkCanvas && storedListType === "works" ? "sessions" : storedListType;
   const [openMenuId, setOpenMenuId] = useState(null);
-  const navItems = [{ id: 1, label: t("tabs.sessions"), icon: MessageSquare }, { id: 3, label: t("tabs.works"), icon: NotebookText }];
+  const navItems = [{ id: 1, label: t("tabs.sessions"), icon: MessageSquare }, ...supportWorkCanvas ? [{ id: 3, label: t("tabs.works"), icon: NotebookText }] : []];
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-px", children: [
       /* @__PURE__ */ jsx(
@@ -31033,7 +31118,7 @@ var SidebarContent = ({
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col mt-4 flex-1 min-h-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start px-2 py-1.5 shrink-0", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-tight text-muted-foreground", children: t("sections.recents") }),
-          /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+          supportWorkCanvas ? /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
             /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
               Button,
               {
@@ -31076,7 +31161,7 @@ var SidebarContent = ({
                 }
               )
             ] })
-          ] })
+          ] }) : /* @__PURE__ */ jsx("span", { className: "ml-1 px-1 py-0 text-xs font-semibold uppercase tracking-tight text-muted-foreground", children: `${t("tabs.sessions")} (${sessions.length})` })
         ] }),
         /* @__PURE__ */ jsx(
           "div",
@@ -31425,6 +31510,9 @@ var DocyAssistant = ({
   };
   const [activeAgentId, setActiveAgentId] = useState(resolveInitialAgentId);
   const [deploymentId, setDeploymentId] = useState(resolveInitialDeploymentId);
+  const isBaseAgent = !deploymentId && !!tenantAiAgentId;
+  const { capabilities: agentCapabilities } = useDeploymentData(deploymentId || activeAgentId, supportMultiModels, isBaseAgent);
+  const effectiveSupportWorkCanvas = agentCapabilities ? agentCapabilities.supportWorkCanvas : supportWorkCanvas;
   const title = titleProp || "DocyAssistant";
   const description = descriptionProp || t("descriptions.default");
   const placeholder = placeholderProp || t("placeholders.type_message");
@@ -31943,6 +32031,7 @@ var DocyAssistant = ({
         projectActions.setView("create");
       },
       onToggleSidebar: isFloating && !uiState.isExpanded ? () => uiActions.setSidebarOpen(false) : void 0,
+      supportWorkCanvas: effectiveSupportWorkCanvas,
       t
     }
   );
@@ -32230,6 +32319,7 @@ var DocyAssistant = ({
             projectActions.setDeleteDialogOpen(true);
           },
           compact: enableNavDropdown,
+          sidebarOffset: !uiState.isSidebarOpen && enableSidebar,
           t
         }
       ),