@ai-matrx/associations 0.13.23 → 0.13.26

package/dist/{ports-D2Im-Tjl.d.cts → ports-vvtD75Sp.d.cts}

@@ -1,6 +1,6 @@
 import { ElementType, ComponentType, ReactNode } from 'react';
 
-declare const ASSOCIATION_TARGET_TYPES: readonly ["organization", "scope", "scope_type", "project", "task", "context_item", "thread", "war_room", "category", "conversation", "fc_set", "fc_card", "study_media", "assessment", "note", "file", "quiz_session", "agent", "agent_term_list", "research_tag", "skill", "surface", "plan_entity", "plan_node", "web_site", "seo_topic", "seo_keyword", "web_page", "web_screenshot", "party", "crm_outreach_list", "crm_deal", "rulebook", "research_topic", "media_source_library"];
+declare const ASSOCIATION_TARGET_TYPES: readonly ["organization", "scope", "scope_type", "project", "task", "context_item", "thread", "war_room", "category", "conversation", "fc_set", "fc_card", "study_media", "assessment", "note", "file", "processed_document", "quiz_session", "agent", "agent_term_list", "research_tag", "skill", "surface", "plan_entity", "plan_node", "web_site", "seo_topic", "seo_keyword", "web_page", "web_screenshot", "party", "crm_outreach_list", "crm_deal", "rulebook", "research_topic", "media_source_library"];
 type AssociationTargetType = (typeof ASSOCIATION_TARGET_TYPES)[number];
 /** Runtime guard: is this token one of the deliberate container (target) types? */
 declare function isAssociationTargetType(value: unknown): value is AssociationTargetType;

package/dist/{ports-D2Im-Tjl.d.ts → ports-vvtD75Sp.d.ts}

@@ -1,6 +1,6 @@
 import { ElementType, ComponentType, ReactNode } from 'react';
 
-declare const ASSOCIATION_TARGET_TYPES: readonly ["organization", "scope", "scope_type", "project", "task", "context_item", "thread", "war_room", "category", "conversation", "fc_set", "fc_card", "study_media", "assessment", "note", "file", "quiz_session", "agent", "agent_term_list", "research_tag", "skill", "surface", "plan_entity", "plan_node", "web_site", "seo_topic", "seo_keyword", "web_page", "web_screenshot", "party", "crm_outreach_list", "crm_deal", "rulebook", "research_topic", "media_source_library"];
+declare const ASSOCIATION_TARGET_TYPES: readonly ["organization", "scope", "scope_type", "project", "task", "context_item", "thread", "war_room", "category", "conversation", "fc_set", "fc_card", "study_media", "assessment", "note", "file", "processed_document", "quiz_session", "agent", "agent_term_list", "research_tag", "skill", "surface", "plan_entity", "plan_node", "web_site", "seo_topic", "seo_keyword", "web_page", "web_screenshot", "party", "crm_outreach_list", "crm_deal", "rulebook", "research_topic", "media_source_library"];
 type AssociationTargetType = (typeof ASSOCIATION_TARGET_TYPES)[number];
 /** Runtime guard: is this token one of the deliberate container (target) types? */
 declare function isAssociationTargetType(value: unknown): value is AssociationTargetType;

package/dist/react/index.cjs

@@ -1755,6 +1755,8 @@ var ASSOCIATION_TARGET_TYPES = [
   //                 a note — the origin a converted study artifact links back to (artifact→note 'source' lineage, P4)
   "file",
   //                 a file (card→file media + source lineage)
+  "processed_document",
+  //   a processed source document (study-aid source lineage and kit membership)
   "quiz_session",
   //         a quiz a card is used in
   "agent",
@@ -3867,7 +3869,7 @@ function AttachedItemsBody({
 // src/react/components/AssociationCard.tsx
 var import_react16 = require("react");
 var import_design_system7 = require("@ai-matrx/design-system");
-var import_tap_target = require("@ai-matrx/design-system/tap-target");
+var import_buttons = require("@ai-matrx/tap-target/buttons");
 
 // src/react/contentRoles.ts
 var CONTENT_ROLES = [
@@ -3957,21 +3959,25 @@ function AssociationCard({
   const countWord = filing ? "filed under" : "attached";
   const drillTitle = canDrillIn ? `View the ${info.labelPlural.toLowerCase()} attached to ${container.label ?? "this"}` : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    look === "simplified" ? (
-      // SIMPLIFIED (opt-in, off by default): one header line — small icon,
-      // UPPERCASE name, count, round ghost "+" — the same geometry as the
-      // CRM record's SectionCard header, so the two sit flush together.
-      // TapTargetButton puts `className` on its ICON, not the button: never
-      // pass layout classes there (an `ml-auto` pushed the "+" glyph off
-      // center inside its circle). The flex-1 drill button already puts the
-      // "+" at the end of the row.
+    look !== "tiles" ? (
+      // ONE-LINE LOOKS (opt-in, off by default): small icon, UPPERCASE name,
+      // count, then the "+".
+      //  - "simplified": the classic square "+" (the same button the tiles
+      //    use), 6px from the card edge on every side at every width.
+      //  - "compact": the real PlusTapButton in its OUTLINE variant (never
+      //    glass — glass only reads over a see-through surface). Nothing
+      //    around it: no card padding on its side and no vertical padding,
+      //    so the tap target's own 44px box centers the 28px circle with
+      //    8px on every side. Never pass a layout class to a tap button —
+      //    its className lands on the ICON (the 2026-09-27 crooked "+").
       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         "div",
         {
           "data-association-card": token,
-          "data-association-card-look": "simplified",
+          "data-association-card-look": look,
           className: (0, import_design_system7.cn)(
-            "flex min-h-8 items-center gap-x-1.5 rounded-md border border-border bg-card px-2.5 py-1 sm:py-0 lg:pointer-fine:[--matrx-tap-target-size:1.75rem]",
+            "flex items-center gap-x-1.5 rounded-md border border-border bg-card pl-2.5",
+            look === "simplified" ? "py-1.5 pr-1.5" : "py-0 pr-0",
             className
           ),
           children: [
@@ -3984,7 +3990,7 @@ function AssociationCard({
                 title: drillTitle,
                 "aria-label": loading ? info.labelPlural : `${info.labelPlural}: ${count} ${countWord}`,
                 className: (0, import_design_system7.cn)(
-                  "flex min-h-8 min-w-0 flex-1 items-center gap-x-1.5 text-left",
+                  "flex min-h-7 min-w-0 flex-1 items-center gap-x-1.5 text-left",
                   canDrillIn ? "cursor-pointer hover:text-foreground" : "cursor-default"
                 ),
                 children: [
@@ -3994,15 +4000,25 @@ function AssociationCard({
                 ]
               }
             ),
-            canAttach && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-              import_tap_target.TapTargetButton,
+            canAttach && (look === "compact" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              import_buttons.PlusTapButton,
               {
+                variant: "outline",
                 ariaLabel: `Attach ${info.labelPlural.toLowerCase()}`,
                 tooltip: false,
+                onClick: () => setOpen(true)
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "button",
+              {
+                type: "button",
                 onClick: () => setOpen(true),
-                icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PlusIcon, { className: "h-4 w-4" })
+                "aria-label": `Attach ${info.labelPlural.toLowerCase()}`,
+                title: `Attach ${info.labelPlural.toLowerCase()}`,
+                className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-md border border-border text-muted-foreground transition-colors hover:border-primary/60 hover:text-foreground lg:h-7 lg:w-7",
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PlusIcon, { className: "h-4 w-4" })
               }
-            )
+            ))
           ]
         }
       )
@@ -4120,7 +4136,7 @@ function GroupHeader({
   tagline,
   dotClassName
 }) {
-  if (look === "simplified") return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: SIMPLE_GROUP_LABEL, children: title });
+  if (look !== "tiles") return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: SIMPLE_GROUP_LABEL, children: title });
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
     dotClassName ? /* @__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", dotClassName) }),
@@ -4155,12 +4171,12 @@ function AssociationCardGrid({
     const role = store.registry.getEntityInfo(token).contentRole;
     return !role || !roleIds.has(role);
   }) : [];
-  const rowClass = look === "simplified" ? SIMPLE_TILE_ROW : TILE_GRID;
+  const rowClass = look !== "tiles" ? SIMPLE_TILE_ROW : TILE_GRID;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       "data-association-grid-look": look,
-      className: (0, import_design_system8.cn)("@container", look === "simplified" ? "space-y-3" : "space-y-5", className),
+      className: (0, import_design_system8.cn)("@container", look !== "tiles" ? "space-y-3" : "space-y-5", className),
       children: [
         CONTENT_ROLES.map((role) => {
           const inRole = list.filter(