@ai-matrx/associations 0.13.7 → 0.13.9

package/dist/react/index.cjs

@@ -52,6 +52,7 @@ __export(react_exports, {
   getContentRoleMeta: () => getContentRoleMeta,
   lazyPickerOverride: () => lazyPickerOverride,
   lazyWindowShell: () => lazyWindowShell,
+  linkDirection: () => linkDirection,
   useAssociationCandidates: () => useAssociationCandidates,
   useAssociationEntitySelectAdapter: () => useAssociationEntitySelectAdapter,
   useAssociationPickerBridge: () => useAssociationPickerBridge,
@@ -727,6 +728,7 @@ var ENTITY_TYPE_TOKENS = [
   "media_selection_job",
   "media_source_library",
   "meet_call_invite",
+  "meet_chat_message",
   "meet_invitee",
   "meet_meeting",
   "meet_note",
@@ -846,6 +848,7 @@ var ENTITY_TYPE_TOKENS = [
   "rag_ingest_run",
   "rag_library_audit_log",
   "rate_limit_buckets",
+  "reachability_pending",
   "recompute_queue",
   "record",
   "record_alias",
@@ -1169,6 +1172,428 @@ function isEntityTypeToken(value) {
   return typeof value === "string" && ENTITY_TYPE_TOKEN_SET.has(value);
 }
 
+// src/association-types.generated.ts
+var ASSOCIATION_PAIRS = /* @__PURE__ */ new Set([
+  "agent>agent",
+  "agent>context_item",
+  "agent>organization",
+  "agent>project",
+  "agent>record",
+  "agent>scope",
+  "agent>scope_type",
+  "agent>surface",
+  "agent>task",
+  "agent>web_page",
+  "agent_shortcut>project",
+  "agent_shortcut>task",
+  "agent_shortcut>web_page",
+  "agent_term_list>agent",
+  "app>record",
+  "app>scope",
+  "app>web_page",
+  "artifact>processed_document",
+  "assessment>assessment",
+  "assessment>fc_set",
+  "assessment>file",
+  "assessment>note",
+  "assessment>record",
+  "assessment>scope",
+  "assessment>scope_type",
+  "assessment>study_media",
+  "calendar_event>conversation",
+  "calendar_event>party",
+  "code_file>agent",
+  "code_file>code_repository",
+  "code_file>data_store",
+  "code_file>web_page",
+  "contact_medium>web_page",
+  "content_ir_kind_instance>content_ir_kind_instance",
+  "content_ir_kind_instance>note",
+  "content_ir_kind_instance>project",
+  "content_ir_kind_instance>record",
+  "content_ir_kind_instance>scope",
+  "content_ir_kind_instance>scope_type",
+  "content_ir_kind_instance>task",
+  "content_ir_kind_instance>web_site",
+  "conversation>agent",
+  "conversation>custom_record",
+  "conversation>document",
+  "conversation>note",
+  "conversation>party",
+  "conversation>project",
+  "conversation>record",
+  "conversation>rulebook",
+  "conversation>scope",
+  "conversation>scope_type",
+  "conversation>task",
+  "conversation>thread",
+  "conversation>war_room",
+  "conversation>web_page",
+  "credential_item>record",
+  "credential_item>scope",
+  "crm_deal>party",
+  "crm_deal>task",
+  "crm_interaction>crm_deal",
+  "crm_interaction>party",
+  "crm_interaction>project",
+  "custom_record>custom_record",
+  "custom_record>hr_candidate",
+  "custom_record>hr_employee",
+  "custom_record>hr_position_assignment",
+  "custom_record>hr_requisition",
+  "custom_record>hr_training_assignment",
+  "data_store>agent",
+  "data_store>project",
+  "data_store>task",
+  "data_store>war_room",
+  "data_store>web_page",
+  "dataset>agent",
+  "dataset>web_page",
+  "document>document",
+  "document>note",
+  "fc_card>document",
+  "fc_card>fc_set",
+  "fc_card>file",
+  "fc_card>note",
+  "fc_set>agent",
+  "fc_set>assessment",
+  "fc_set>conversation",
+  "fc_set>fc_set",
+  "fc_set>file",
+  "fc_set>note",
+  "fc_set>processed_document",
+  "fc_set>record",
+  "fc_set>rulebook",
+  "fc_set>scope",
+  "fc_set>scope_type",
+  "fc_set>study_media",
+  "file>agent",
+  "file>agent_term_list",
+  "file>conversation",
+  "file>crm_deal",
+  "file>data_store",
+  "file>file",
+  "file>hr_application",
+  "file>hr_employee",
+  "file>hr_employment",
+  "file>hr_incident",
+  "file>hr_leave_case",
+  "file>party",
+  "file>project",
+  "file>record",
+  "file>rulebook",
+  "file>scope",
+  "file>scope_type",
+  "file>task",
+  "file>thread",
+  "file>war_room",
+  "file>web_page",
+  "file>web_screenshot",
+  "folder>web_page",
+  "google_document>crm_deal",
+  "google_document>party",
+  "google_document>project",
+  "google_document>task",
+  "hr_candidate>custom_record",
+  "hr_candidate>party",
+  "hr_course>hr_job_title",
+  "hr_credential>hr_job_title",
+  "hr_employee>custom_record",
+  "hr_employee>record",
+  "hr_employee>scope",
+  "hr_employee>scope_type",
+  "hr_position_assignment>custom_record",
+  "hr_requisition>custom_record",
+  "hr_training_assignment>custom_record",
+  "integration_connection_resource>conversation",
+  "library_doc>data_store",
+  "media_source_library>youtube_video",
+  "message>content_ir_kind_instance",
+  "message>record",
+  "message>task",
+  "message_template>record",
+  "message_template>scope",
+  "message_template>web_page",
+  "note>agent",
+  "note>assessment",
+  "note>calendar_event",
+  "note>crm_deal",
+  "note>data_store",
+  "note>fc_set",
+  "note>file",
+  "note>hr_candidate",
+  "note>hr_employee",
+  "note>note",
+  "note>party",
+  "note>project",
+  "note>record",
+  "note>rulebook",
+  "note>scope",
+  "note>scope_type",
+  "note>study_media",
+  "note>task",
+  "note>thread",
+  "note>war_room",
+  "note>web_page",
+  "note>web_screenshot",
+  "organization>seo_keyword",
+  "page_extraction_job>file",
+  "page_extraction_job>processed_document",
+  "party>category",
+  "party>data_store",
+  "party>organization",
+  "party>party",
+  "party>project",
+  "party>record",
+  "party>research_source",
+  "party>research_topic",
+  "party>scope",
+  "party>scope_type",
+  "party>seo_link_gap_domain",
+  "party>seo_referring_domain_profile",
+  "party>seo_reputation_case",
+  "party>seo_serp_opportunity",
+  "party>seo_topic",
+  "party>task",
+  "party>transcript",
+  "party>war_room",
+  "party>web_brand",
+  "party>web_page",
+  "party>web_site",
+  "pc_episode>processed_document",
+  "pc_episode>rulebook",
+  "pc_show>rulebook",
+  "pc_studio_run>rulebook",
+  "plan_entity>category",
+  "plan_entity>plan_entity",
+  "plan_entity>seo_topic",
+  "plan_entity>web_site",
+  "plan_node>agent_run",
+  "plan_node>party",
+  "plan_node>plan_entity",
+  "plan_node>plan_node",
+  "plan_node>seo_keyword",
+  "plan_node>seo_map_topic",
+  "plan_node>seo_topic",
+  "plan_node>web_page",
+  "plan_node>web_site",
+  "processed_document>agent",
+  "processed_document>code_repository",
+  "processed_document>conversation",
+  "processed_document>data_store",
+  "processed_document>file",
+  "processed_document>media_source_library",
+  "processed_document>project",
+  "processed_document>record",
+  "processed_document>research_topic",
+  "processed_document>scope",
+  "processed_document>task",
+  "processed_document>war_room",
+  "processed_document>web_site",
+  "project>record",
+  "project>scope",
+  "project>scope_type",
+  "project>thread",
+  "project>war_room",
+  "purpose>agent",
+  "purpose>mandate",
+  "purpose>tool",
+  "purpose>workflow",
+  "quiz_session>agent",
+  "quiz_session>processed_document",
+  "quiz_session>web_page",
+  "record>agent",
+  "record>agent_shortcut",
+  "record>agent_template",
+  "record>ai_api",
+  "record>ai_endpoint",
+  "record>ai_model",
+  "record>ai_provider",
+  "record>ai_setting",
+  "record>app",
+  "record>assessment",
+  "record>canvas_comment",
+  "record>canvas_item",
+  "record>canvas_score",
+  "record>category",
+  "record>code_file",
+  "record>code_folder",
+  "record>code_repository",
+  "record>comparison_set",
+  "record>contact_submission",
+  "record>content_ir_kind",
+  "record>content_ir_kind_instance",
+  "record>context_item",
+  "record>conversation",
+  "record>crm_deal",
+  "record>crm_outreach_list",
+  "record>cx_agent_memory",
+  "record>data_store",
+  "record>dataset",
+  "record>fc_set",
+  "record>feature_doc",
+  "record>flexible_data",
+  "record>folder",
+  "record>game_result",
+  "record>heatmap_save",
+  "record>hr_asset",
+  "record>hr_candidate",
+  "record>hr_careers_portal",
+  "record>hr_checklist_template",
+  "record>hr_course",
+  "record>hr_crew",
+  "record>hr_deduction_code",
+  "record>hr_department",
+  "record>hr_earning_code",
+  "record>hr_employee",
+  "record>hr_holiday_calendar",
+  "record>hr_interview_kit",
+  "record>hr_job_title",
+  "record>hr_jurisdiction",
+  "record>hr_jurisdiction_rule_class",
+  "record>hr_leave_policy",
+  "record>hr_location",
+  "record>hr_pay_group",
+  "record>hr_posting",
+  "record>hr_record_class",
+  "record>hr_requisition",
+  "record>hr_schedule",
+  "record>hr_schedule_template",
+  "record>hr_survey",
+  "record>league_membership",
+  "record>learn_doc",
+  "record>marketing_initiative",
+  "record>message_template",
+  "record>note",
+  "record>note_folder",
+  "record>organization",
+  "record>page_extraction_job",
+  "record>party",
+  "record>pc_article",
+  "record>pc_episode",
+  "record>pc_show",
+  "record>pc_studio_run",
+  "record>processed_document",
+  "record>project",
+  "record>quiz_session",
+  "record>record",
+  "record>research_template",
+  "record>research_topic",
+  "record>rulebook",
+  "record>sch_task",
+  "record>scope_type",
+  "record>seo_topic",
+  "record>shared_canvas_item",
+  "record>skill",
+  "record>skill_render_definition",
+  "record>structured_list",
+  "record>studio_session",
+  "record>study_goal",
+  "record>study_media",
+  "record>study_plan",
+  "record>study_plan_block",
+  "record>surface",
+  "record>task",
+  "record>thread",
+  "record>tool",
+  "record>tool_bundle",
+  "record>transcript",
+  "record>udt_document",
+  "record>user_markdown_sample",
+  "record>voice",
+  "record>war_room",
+  "record>wbx_pattern",
+  "record>web_analysis_item",
+  "record>web_brand",
+  "record>web_provider",
+  "record>web_site",
+  "record>workbook",
+  "record>workflow",
+  "record>workflow_template",
+  "record>workflow_trigger",
+  "record>working_document",
+  "research_source>research_keyword",
+  "research_source>research_tag",
+  "research_source>youtube_video",
+  "research_tag>plan_node",
+  "research_tag>web_page",
+  "research_tag>web_site",
+  "research_topic>plan_node",
+  "research_topic>project",
+  "research_topic>rulebook",
+  "research_topic>web_page",
+  "research_topic>web_site",
+  "rulebook>masterwork_source",
+  "sch_task>record",
+  "sch_task>scope",
+  "seo_keyword>project",
+  "seo_keyword>web_page",
+  "seo_map_topic>seo_map_facet_value",
+  "seo_topical_map>web_brand",
+  "shared_canvas_item>record",
+  "shared_canvas_item>scope",
+  "skill>web_page",
+  "structured_list>web_page",
+  "studio_session>agent",
+  "studio_session>rulebook",
+  "studio_session>thread",
+  "studio_session>web_page",
+  "study_media>assessment",
+  "study_media>fc_set",
+  "study_media>file",
+  "study_media>note",
+  "study_media>record",
+  "study_media>scope",
+  "study_media>scope_type",
+  "study_media>study_media",
+  "task>project",
+  "task>record",
+  "task>scope",
+  "task>scope_type",
+  "task>thread",
+  "task>war_room",
+  "thread>record",
+  "thread>scope",
+  "thread>scope_type",
+  "thread>war_room",
+  "tool>tool_bundle",
+  "transcript>agent",
+  "transcript>data_store",
+  "transcript>record",
+  "transcript>rulebook",
+  "transcript>scope",
+  "transcript>web_page",
+  "udt_document>agent",
+  "udt_document>rulebook",
+  "udt_document>web_page",
+  "war_room>record",
+  "war_room>scope",
+  "war_room>scope_type",
+  "web_page>seo_map_facet_value",
+  "web_page>seo_map_topic",
+  "web_page>task",
+  "web_screenshot>task",
+  "web_site>agent_run",
+  "web_site>seo_topical_map",
+  "web_youtube_video>seo_map_topic",
+  "workbook>agent",
+  "workbook>web_page",
+  "workflow>record",
+  "workflow>scope",
+  "workflow>web_page",
+  "working_document>agent",
+  "working_document>conversation",
+  "working_document>project",
+  "working_document>task",
+  "working_document>war_room",
+  "working_document>web_page",
+  "youtube_video>transcript",
+  "youtube_video>web_page"
+]);
+function isRegisteredPair(sourceType, targetType) {
+  return ASSOCIATION_PAIRS.has(`${sourceType}>${targetType}`);
+}
+
 // src/core/titles.ts
 function entityTitleCacheKey(token, id) {
   return `${token}:${id}`;
@@ -1336,6 +1761,9 @@ function isAssociationTargetType(value) {
 }
 
 // src/react/hooks/useContainerLinks.ts
+function linkDirection(containerType, token) {
+  return isRegisteredPair(containerType, token) && !isRegisteredPair(token, containerType) ? "from-container" : "into-container";
+}
 function metadataRecord(metadata) {
   if (metadata === null || typeof metadata !== "object" || Array.isArray(metadata)) {
     return metadata == null ? {} : null;
@@ -1413,7 +1841,7 @@ function useContainerLinks(args) {
   const conversationFileError = conversationResult?.key === conversationKey ? conversationResult.error : null;
   const conversationFileStatus = outgoing || containerType !== "conversation" ? "idle" : conversationResult?.key !== conversationKey ? "loading" : conversationResult.loading ? "loading" : conversationFileError ? "error" : "ready";
   const incomingGeneric = edges.filter(
-    (edge) => outgoing ? edge.direction === "outgoing" : edge.direction === "incoming" && !(containerType === "conversation" && edge.otherType === "file")
+    (edge) => outgoing ? edge.direction === "outgoing" : !(containerType === "conversation" && edge.otherType === "file") && (linkDirection(containerType, edge.otherType) === "from-container" ? edge.direction === "outgoing" : edge.direction === "incoming")
   ).map((edge) => ({
     edgeId: edge.id,
     resourceId: edge.otherId,
@@ -1438,6 +1866,19 @@ function useContainerLinks(args) {
         targetId: resourceId
       };
     }
+    if (linkDirection(containerType, token) === "from-container") {
+      if (!isAssociationTargetType(token)) {
+        return {
+          error: `A ${token.replace(/_/g, " ")} is attached from this record, but it is not a type the store attaches to.`
+        };
+      }
+      return {
+        sourceType: containerType,
+        sourceId: containerId,
+        targetType: token,
+        targetId: resourceId
+      };
+    }
     return {
       sourceType: token,
       sourceId: resourceId,
@@ -3394,55 +3835,6 @@ function AttachedItemsBody({
 // src/react/components/AssociationCard.tsx
 var import_react16 = require("react");
 var import_design_system7 = require("@ai-matrx/design-system");
-
-// src/react/contentRoles.ts
-var CONTENT_ROLES = [
-  {
-    id: "utility",
-    title: "Utilities",
-    tagline: "The agents and tools that act on your knowledge.",
-    accentText: "text-violet-600 dark:text-violet-400",
-    accentBg: "bg-violet-500/10",
-    accentBar: "bg-violet-500"
-  },
-  {
-    id: "source",
-    title: "Sources",
-    tagline: "Incoming sources of truth (Knowledge In).",
-    accentText: "text-sky-600 dark:text-sky-400",
-    accentBg: "bg-sky-500/10",
-    accentBar: "bg-sky-500"
-  },
-  {
-    id: "destination",
-    title: "Outputs",
-    tagline: "Knowledge your team produces.",
-    accentText: "text-emerald-600 dark:text-emerald-400",
-    accentBg: "bg-emerald-500/10",
-    accentBar: "bg-emerald-500"
-  },
-  {
-    id: "hybrid",
-    title: "Sources & Outputs",
-    tagline: "Read from and written to.",
-    accentText: "text-teal-600 dark:text-teal-400",
-    accentBg: "bg-teal-500/10",
-    accentBar: "bg-gradient-to-r from-sky-500 to-emerald-500"
-  },
-  {
-    id: "container",
-    title: "Workspaces",
-    tagline: "How work is organized.",
-    accentText: "text-amber-600 dark:text-amber-400",
-    accentBg: "bg-amber-500/10",
-    accentBar: "bg-amber-500"
-  }
-];
-function getContentRoleMeta(role) {
-  return CONTENT_ROLES.find((r) => r.id === role) ?? CONTENT_ROLES[2];
-}
-
-// src/react/components/AssociationCard.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function AssociationCard({
   token,
@@ -3454,7 +3846,6 @@ function AssociationCard({
   const container = containerProp ?? fromCtx;
   const [open, setOpen] = (0, import_react16.useState)(false);
   const info = store.registry.getEntityInfo(token);
-  const role = getContentRoleMeta(info.contentRole);
   const Icon = info.Icon ?? DefaultEntityIcon;
   const [listOpen, setListOpen] = (0, import_react16.useState)(false);
   const {
@@ -3488,15 +3879,6 @@ function AssociationCard({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            "span",
-            {
-              className: (0, import_design_system7.cn)(
-                "absolute inset-x-0 top-0 h-0.5 opacity-60",
-                role.accentBar
-              )
-            }
-          ),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
             "button",
             {
@@ -3509,20 +3891,10 @@ function AssociationCard({
                 canDrillIn ? "cursor-pointer" : "cursor-default"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  "span",
-                  {
-                    className: (0, import_design_system7.cn)(
-                      "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg",
-                      role.accentBg,
-                      role.accentText
-                    ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: "h-4 w-4" })
-                  }
-                ),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: "h-4 w-4" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block text-[11px] text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block text-xs text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
                     "Loading\u2026"
                   ] }) : `${count} ${container.direction === "outgoing" ? "filed under" : "attached"}` })
@@ -3559,8 +3931,8 @@ function AssociationCard({
             setOpen(true);
           }
         } : {},
-        onDetach: (resourceId, role2) => detach(token, resourceId, role2 ?? void 0),
-        onSetPinned: (resourceId, pinned, role2) => setPinned(token, resourceId, pinned, role2 ?? void 0)
+        onDetach: (resourceId, role) => detach(token, resourceId, role ?? void 0),
+        onSetPinned: (resourceId, pinned, role) => setPinned(token, resourceId, pinned, role ?? void 0)
       }
     ),
     canAttach && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -3582,6 +3954,55 @@ function AssociationCard({
 
 // src/react/components/AssociationCardGrid.tsx
 var import_design_system8 = require("@ai-matrx/design-system");
+
+// src/react/contentRoles.ts
+var CONTENT_ROLES = [
+  {
+    id: "utility",
+    title: "Utilities",
+    tagline: "The agents and tools that act on your knowledge.",
+    accentText: "text-violet-600 dark:text-violet-400",
+    accentBg: "bg-violet-500/10",
+    accentBar: "bg-violet-500"
+  },
+  {
+    id: "source",
+    title: "Sources",
+    tagline: "Incoming sources of truth (Knowledge In).",
+    accentText: "text-sky-600 dark:text-sky-400",
+    accentBg: "bg-sky-500/10",
+    accentBar: "bg-sky-500"
+  },
+  {
+    id: "destination",
+    title: "Outputs",
+    tagline: "Knowledge your team produces.",
+    accentText: "text-emerald-600 dark:text-emerald-400",
+    accentBg: "bg-emerald-500/10",
+    accentBar: "bg-emerald-500"
+  },
+  {
+    id: "hybrid",
+    title: "Sources & Outputs",
+    tagline: "Read from and written to.",
+    accentText: "text-teal-600 dark:text-teal-400",
+    accentBg: "bg-teal-500/10",
+    accentBar: "bg-gradient-to-r from-sky-500 to-emerald-500"
+  },
+  {
+    id: "container",
+    title: "Workspaces",
+    tagline: "How work is organized.",
+    accentText: "text-amber-600 dark:text-amber-400",
+    accentBg: "bg-amber-500/10",
+    accentBar: "bg-amber-500"
+  }
+];
+function getContentRoleMeta(role) {
+  return CONTENT_ROLES.find((r) => r.id === role) ?? CONTENT_ROLES[2];
+}
+
+// src/react/components/AssociationCardGrid.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function AssociationCardGrid({
   tokens,
@@ -3615,27 +4036,13 @@ function AssociationCardGrid({
       );
       if (inRole.length === 0) return null;
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              "span",
-              {
-                className: (0, import_design_system8.cn)("h-2.5 w-2.5 rounded-full", role.accentBar)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: role.title })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden text-xs text-muted-foreground sm:block", children: role.tagline })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "grid grid-cols-1 gap-2 @md:grid-cols-2 @3xl:grid-cols-3", children: inRole.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token }, token)) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "mb-2 text-sm font-semibold text-foreground", children: role.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-wrap gap-2 [&>*]:min-w-[16rem] [&>*]:flex-1", children: inRole.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token }, token)) })
       ] }, role.id);
     }),
     roleless.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Filed under" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden text-xs text-muted-foreground sm:block", children: "Libraries, topics and other places this is kept." })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "grid grid-cols-1 gap-2 @md:grid-cols-2 @3xl:grid-cols-3", children: roleless.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token }, token)) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "mb-2 text-sm font-semibold text-foreground", children: "Filed under" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-wrap gap-2 [&>*]:min-w-[16rem] [&>*]:flex-1", children: roleless.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token }, token)) })
     ] })
   ] });
 }