@tutti-os/ui-rich-text 0.0.35 → 0.0.37

package/dist/at-panel/model.d.ts

@@ -191,7 +191,7 @@ declare function resolveMentionFileThumbnailUrl(input: {
  * presentational mapping so the styling stays in one place and identical across
  * surfaces.
  */
-type MentionRowStatusTone = "amber" | "blue" | "green" | "neutral" | "red";
+type MentionRowStatusTone = "amber" | "blue" | "green" | "neutral" | "purple" | "red";
 type MentionRowStatusVariant = "activity" | "issue";
 /**
  * Text classes for agent activity status signals. Activity rows already include

package/dist/at-panel/model.js

@@ -15,7 +15,7 @@ import {
   resolveMentionFileThumbnailUrl,
   resolveMentionFileVisualKind,
   selectedMentionPaletteItem
-} from "../chunk-DWBETNOQ.js";
+} from "../chunk-HMAUQU6Q.js";
 export {
   activityMentionStatusBadgeClassName,
   activityMentionStatusTone,

package/dist/{chunk-DWBETNOQ.js → chunk-HMAUQU6Q.js}

@@ -190,8 +190,14 @@ function activityMentionStatusBadgeClassName(tone) {
 }
 function issueMentionStatusBadgeClassName(tone) {
   switch (tone) {
+    case "blue":
+      return "bg-[color:color-mix(in_srgb,var(--status-running)_12%,transparent)] text-[var(--status-running)]";
+    case "amber":
+      return "bg-[color:color-mix(in_srgb,var(--state-warning)_12%,transparent)] text-[var(--state-warning)]";
     case "green":
       return "bg-[color:color-mix(in_srgb,var(--state-success)_12%,transparent)] text-[var(--state-success)]";
+    case "purple":
+      return "bg-[color-mix(in_srgb,var(--rich-text-mention-issue)_12%,transparent)] text-[var(--rich-text-mention-issue)]";
     case "red":
       return "bg-[var(--on-danger)] text-[var(--state-danger)]";
     default:
@@ -265,4 +271,4 @@ export {
   resolveMentionFileVisualKind,
   resolveMentionFileThumbnailUrl
 };
-//# sourceMappingURL=chunk-DWBETNOQ.js.map
+//# sourceMappingURL=chunk-HMAUQU6Q.js.map

package/dist/{chunk-DWBETNOQ.js.map → chunk-HMAUQU6Q.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/at-panel/mentionPaletteEntries.ts","../src/at-panel/mentionPaletteModel.ts","../src/at-panel/mentionStatusTone.ts","../src/at-panel/mentionFileVisualKind.ts"],"sourcesContent":["import type {\n  MentionPaletteEntry,\n  MentionPaletteState\n} from \"./mentionPaletteTypes.ts\";\n\n/**\n * Returns true when at least one group has items or a \"load more\" trigger,\n * i.e. there is something interactive to render beyond category headers.\n */\nfunction hasInteractiveGroupEntries<TItem>(\n  groups: MentionPaletteState<TItem>[\"groups\"]\n): boolean {\n  return groups.some((group) => group.items.length > 0 || group.hasMore);\n}\n\n/**\n * Flatten the palette state into a stable, ordered list of navigable entries.\n *\n * Mirrors the ordering and key format of `flattenAgentMentionPaletteEntries`\n * from AgentFileMentionPalette.tsx, but is generic over item type.\n *\n * Key formats:\n *   category entry  →  `category:<categoryId>`\n *   item entry      →  `<groupId>:<getItemKey(item, groupId)>`\n *   expand entry    →  `expand:<groupId>`\n */\nexport function flattenMentionPaletteEntries<TItem>(\n  state: MentionPaletteState<TItem>,\n  getItemKey: (item: TItem, groupId: string) => string\n): MentionPaletteEntry[] {\n  // Browse mode with no interactive group content → show category nav only\n  if (state.mode === \"browse\" && !hasInteractiveGroupEntries(state.groups)) {\n    return state.categories.map((category) => ({\n      key: `category:${category.id}`,\n      type: \"category\" as const,\n      categoryId: category.id\n    }));\n  }\n\n  const entries: MentionPaletteEntry[] = [];\n\n  for (const group of state.groups) {\n    group.items.forEach((item, index) => {\n      entries.push({\n        key: `${group.id}:${getItemKey(item, group.id)}`,\n        type: \"item\",\n        groupId: group.id,\n        itemIndex: index\n      });\n    });\n\n    if (group.hasMore) {\n      entries.push({\n        key: `expand:${group.id}`,\n        type: \"expand\",\n        groupId: group.id\n      });\n    }\n  }\n\n  return entries;\n}\n","import type {\n  MentionPaletteCategory,\n  MentionPaletteEntry,\n  MentionPaletteGroup,\n  MentionPaletteState\n} from \"./mentionPaletteTypes.ts\";\nimport { flattenMentionPaletteEntries } from \"./mentionPaletteEntries.ts\";\nimport type { RichTextTriggerQueryMatch } from \"../types/trigger.ts\";\n\nexport interface MentionPaletteModelInput<TItem> {\n  activeCategoryId: string;\n  categories: readonly MentionPaletteCategory[];\n  groups: readonly MentionPaletteGroup<TItem>[];\n  loading: boolean;\n  query?: string;\n  mode?: \"browse\" | \"results\";\n}\n\nexport interface MentionPaletteSectionConfig<\n  TMatch extends RichTextTriggerQueryMatch = RichTextTriggerQueryMatch\n> {\n  id: string;\n  label?: string;\n  providerIds?: readonly string[];\n  matches?: (match: TMatch) => boolean;\n  emptyLabel?: string;\n}\n\nexport interface MentionPaletteCategoryConfig<\n  TMatch extends RichTextTriggerQueryMatch = RichTextTriggerQueryMatch\n> {\n  id: string;\n  label: string;\n  providerIds?: readonly string[];\n  matches?: (match: TMatch) => boolean;\n  emptyLabel?: string;\n  sections?: readonly MentionPaletteSectionConfig<TMatch>[];\n}\n\nexport function mentionPaletteGroup<TItem>(input: {\n  id: string;\n  label?: string;\n  items: readonly TItem[];\n  emptyLabel?: string;\n}): MentionPaletteGroup<TItem> {\n  return {\n    id: input.id,\n    label: input.label,\n    items: input.items,\n    totalCount: input.items.length,\n    visibleCount: input.items.length,\n    hasMore: false,\n    emptyLabel: input.emptyLabel\n  };\n}\n\nexport function buildMentionPaletteModel<TItem>(\n  input: MentionPaletteModelInput<TItem>\n): MentionPaletteState<TItem> {\n  return {\n    status: input.loading ? \"loading\" : \"ready\",\n    query: input.query ?? \"\",\n    mode: input.mode ?? \"results\",\n    filter: input.activeCategoryId,\n    categories: input.categories,\n    groups: input.groups,\n    error: null\n  };\n}\n\nexport function buildMentionPaletteModelFromTriggerMatches<\n  TMatch extends RichTextTriggerQueryMatch = RichTextTriggerQueryMatch\n>(input: {\n  activeCategoryId: string;\n  categories: readonly MentionPaletteCategoryConfig<TMatch>[];\n  matches: readonly TMatch[];\n  loading: boolean;\n  query?: string;\n  mode?: \"browse\" | \"results\";\n}): MentionPaletteState<TMatch> {\n  const categories = input.categories.map((category) => ({\n    id: category.id,\n    label: category.label\n  }));\n  const activeCategory =\n    input.categories.find(\n      (category) => category.id === input.activeCategoryId\n    ) ??\n    input.categories[0] ??\n    null;\n  const groups =\n    activeCategory === null\n      ? []\n      : buildMentionPaletteGroupsForCategory(activeCategory, input.matches);\n\n  return buildMentionPaletteModel({\n    activeCategoryId: activeCategory?.id ?? input.activeCategoryId,\n    categories,\n    groups,\n    loading: input.loading,\n    query: input.query,\n    mode: input.mode\n  });\n}\n\nfunction buildMentionPaletteGroupsForCategory<\n  TMatch extends RichTextTriggerQueryMatch\n>(\n  category: MentionPaletteCategoryConfig<TMatch>,\n  matches: readonly TMatch[]\n): MentionPaletteGroup<TMatch>[] {\n  const categoryMatches = matches.filter((match) =>\n    mentionPaletteConfigMatches(category, match)\n  );\n  if (!category.sections?.length) {\n    if (categoryMatches.length === 0 && category.emptyLabel == null) {\n      return [];\n    }\n    return [\n      mentionPaletteGroup({\n        id: category.id,\n        items: categoryMatches,\n        emptyLabel: category.emptyLabel\n      })\n    ];\n  }\n\n  const sectionItems = new Map<string, TMatch[]>(\n    category.sections.map((section) => [section.id, []])\n  );\n  for (const match of categoryMatches) {\n    const section = category.sections.find((candidate) =>\n      mentionPaletteConfigMatches(candidate, match)\n    );\n    if (!section) {\n      continue;\n    }\n    sectionItems.get(section.id)?.push(match);\n  }\n\n  return category.sections\n    .map((section) => {\n      const items = sectionItems.get(section.id) ?? [];\n      if (items.length === 0 && section.emptyLabel == null) {\n        return null;\n      }\n      return mentionPaletteGroup({\n        id: section.id,\n        label: section.label,\n        items,\n        emptyLabel: section.emptyLabel\n      });\n    })\n    .filter((group): group is MentionPaletteGroup<TMatch> => group !== null);\n}\n\nfunction mentionPaletteConfigMatches<TMatch extends RichTextTriggerQueryMatch>(\n  config: {\n    providerIds?: readonly string[];\n    matches?: (match: TMatch) => boolean;\n  },\n  match: TMatch\n): boolean {\n  if (\n    config.providerIds != null &&\n    !config.providerIds.includes(match.providerId)\n  ) {\n    return false;\n  }\n  return config.matches?.(match) ?? true;\n}\n\nexport function moveMentionPaletteHighlight<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  currentKey: string | null;\n  delta: 1 | -1;\n  getItemKey: (item: TItem, groupId: string) => string;\n}): string | null {\n  const entries = flattenMentionPaletteEntries(\n    input.state,\n    input.getItemKey\n  ).filter(\n    (entry) =>\n      entry.type === \"category\" ||\n      entry.type === \"item\" ||\n      entry.type === \"expand\"\n  );\n  if (!entries.length) {\n    return null;\n  }\n  const foundIndex = entries.findIndex(\n    (entry) => entry.key === input.currentKey\n  );\n  const currentIndex = foundIndex >= 0 ? foundIndex : input.delta > 0 ? -1 : 0;\n  return (\n    entries[(currentIndex + input.delta + entries.length) % entries.length]\n      ?.key ?? null\n  );\n}\n\nexport function repairMentionPaletteHighlight<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  currentKey: string | null;\n  getItemKey: (item: TItem, groupId: string) => string;\n  preferredKey?: string | null;\n}): string | null {\n  const entries = flattenMentionPaletteEntries(input.state, input.getItemKey);\n  if (entries.length === 0) {\n    return null;\n  }\n  if (\n    input.currentKey !== null &&\n    entries.some((entry) => entry.key === input.currentKey)\n  ) {\n    return input.currentKey;\n  }\n  if (\n    input.preferredKey != null &&\n    entries.some((entry) => entry.key === input.preferredKey)\n  ) {\n    return input.preferredKey;\n  }\n  return entries[0]?.key ?? null;\n}\n\nexport function findMentionPaletteEntry<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  key: string | null;\n  getItemKey: (item: TItem, groupId: string) => string;\n}): MentionPaletteEntry | null {\n  if (input.key === null) {\n    return null;\n  }\n  return (\n    flattenMentionPaletteEntries(input.state, input.getItemKey).find(\n      (entry) => entry.key === input.key\n    ) ?? null\n  );\n}\n\nexport function selectedMentionPaletteItem<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  key: string | null;\n  getItemKey: (item: TItem, groupId: string) => string;\n}): TItem | null {\n  for (const group of input.state.groups) {\n    const index = group.items.findIndex(\n      (candidate) =>\n        `${group.id}:${input.getItemKey(candidate, group.id)}` === input.key\n    );\n    if (index >= 0) {\n      return group.items[index] ?? null;\n    }\n  }\n  return null;\n}\n\nexport function nextMentionPaletteCategory<TCategoryId extends string>(\n  categories: readonly { id: TCategoryId }[],\n  current: TCategoryId,\n  delta: 1 | -1\n): TCategoryId {\n  const index = categories.findIndex((category) => category.id === current);\n  const safeIndex = index >= 0 ? index : 0;\n  return categories[\n    (safeIndex + delta + categories.length) % categories.length\n  ]!.id;\n}\n","/**\n * Tone → className maps for the {@link MentionStatusBadge} rendered inside a\n * {@link MentionRow}. The surface resolves a status into a data-only\n * {@link MentionRowStatusTag} (label + tone + variant); this module owns the\n * presentational mapping so the styling stays in one place and identical across\n * surfaces.\n */\nexport type MentionRowStatusTone =\n  | \"amber\"\n  | \"blue\"\n  | \"green\"\n  | \"neutral\"\n  | \"red\";\n\nexport type MentionRowStatusVariant = \"activity\" | \"issue\";\n\n/**\n * Text classes for agent activity status signals. Activity rows already include\n * a status dot, so they render as plain signal text instead of a filled badge.\n */\nexport function activityMentionStatusBadgeClassName(\n  tone: MentionRowStatusTone\n): string {\n  switch (tone) {\n    case \"blue\":\n      return \"bg-transparent px-0 text-[var(--status-running)]\";\n    case \"amber\":\n      return \"bg-transparent px-0 text-[var(--state-warning)]\";\n    case \"green\":\n      return \"bg-transparent px-0 text-[var(--state-success)]\";\n    case \"red\":\n      return \"bg-transparent px-0 text-[var(--state-danger)]\";\n    default:\n      return \"bg-transparent px-0 text-[var(--text-secondary)]\";\n  }\n}\n\n/**\n * Background/text classes for the issue status badge. Ported verbatim from the\n * agent's `issueMentionStatusBadgeClassName` (keyed by the issue tone the\n * surface resolves).\n */\nexport function issueMentionStatusBadgeClassName(\n  tone: MentionRowStatusTone\n): string {\n  switch (tone) {\n    case \"green\":\n      return \"bg-[color:color-mix(in_srgb,var(--state-success)_12%,transparent)] text-[var(--state-success)]\";\n    case \"red\":\n      return \"bg-[var(--on-danger)] text-[var(--state-danger)]\";\n    default:\n      return \"bg-[var(--transparency-block)] text-[var(--text-secondary)]\";\n  }\n}\n\nexport function mentionStatusBadgeClassName(input: {\n  tone: MentionRowStatusTone;\n  variant: MentionRowStatusVariant;\n}): string {\n  return input.variant === \"issue\"\n    ? issueMentionStatusBadgeClassName(input.tone)\n    : activityMentionStatusBadgeClassName(input.tone);\n}\n\n/**\n * Map a normalized agent-activity display status to its badge tone. Shared by\n * every `@`-mention surface that renders a session row (agent composer,\n * issue-manager) so the activity status badge color is identical across\n * surfaces. Mirrors the agent composer's local `mentionStatusTone` mapping\n * verbatim (the agent keeps its own copy producing identical values). The label\n * is resolved by each surface; only the tone lives here.\n */\nexport function activityMentionStatusTone(\n  status: string\n): MentionRowStatusTone {\n  switch (status.trim().toLowerCase()) {\n    case \"working\":\n      return \"blue\";\n    case \"waiting\":\n    case \"canceled\":\n      return \"amber\";\n    case \"completed\":\n    case \"idle\":\n      return \"green\";\n    case \"failed\":\n      return \"red\";\n    default:\n      return \"neutral\";\n  }\n}\n\n/**\n * Map an issue status string to its badge tone. Shared by every `@`-mention\n * surface that renders an issue row (agent composer, issue-manager) so the\n * status badge color is identical across surfaces. The label is resolved by\n * each surface's own i18n; only the tone lives here.\n */\nexport function issueMentionStatusTone(status: string): MentionRowStatusTone {\n  switch (status.trim().toLowerCase()) {\n    case \"completed\":\n      return \"green\";\n    case \"failed\":\n    case \"canceled\":\n      return \"red\";\n    default:\n      return \"neutral\";\n  }\n}\n","/**\n * Pure, dependency-free file visual-kind helpers shared by every `@`-mention\n * surface that renders a {@link MentionRow}. The *base* extension → kind\n * resolution lives in each surface (the agent maps file-manager kinds, etc.);\n * this module owns only the surface-agnostic vocabulary and the thumbnail rule\n * so the shared row renderer never imports a workspace feature.\n */\nexport type MentionFileVisualKind =\n  | \"back\"\n  | \"document\"\n  | \"code\"\n  | \"markdown\"\n  | \"image\"\n  | \"video\"\n  | \"folder\";\n\nexport interface MentionFileVisualKindInput {\n  entryKind?: string | null;\n  mentionNavigation?: string | null;\n  /**\n   * The base visual kind already resolved from the file extension/name by the\n   * surface (e.g. the agent's file-manager mapping). Used as the fallback when\n   * the entry is neither a back-navigation marker nor a directory.\n   */\n  baseVisualKind: MentionFileVisualKind;\n}\n\n/**\n * Resolve the row's visual kind from a pre-resolved {@link MentionFileVisualKindInput.baseVisualKind}\n * plus the structural markers (back navigation, directory) that override it.\n */\nexport function resolveMentionFileVisualKind(\n  input: MentionFileVisualKindInput\n): MentionFileVisualKind {\n  if (input.mentionNavigation === \"agent-generated-folder-back\") {\n    return \"back\";\n  }\n  if (input.entryKind === \"directory\") {\n    return \"folder\";\n  }\n  return input.baseVisualKind;\n}\n\n/**\n * The thumbnail is only shown for image entries with a non-empty thumbnail URL.\n */\nexport function resolveMentionFileThumbnailUrl(input: {\n  visualKind: MentionFileVisualKind;\n  thumbnailUrl?: string | null;\n}): string | undefined {\n  if (input.visualKind !== \"image\") {\n    return undefined;\n  }\n  const thumbnailUrl = input.thumbnailUrl?.trim() ?? \"\";\n  return thumbnailUrl || undefined;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/at-panel/mentionPaletteEntries.ts","../src/at-panel/mentionPaletteModel.ts","../src/at-panel/mentionStatusTone.ts","../src/at-panel/mentionFileVisualKind.ts"],"sourcesContent":["import type {\n  MentionPaletteEntry,\n  MentionPaletteState\n} from \"./mentionPaletteTypes.ts\";\n\n/**\n * Returns true when at least one group has items or a \"load more\" trigger,\n * i.e. there is something interactive to render beyond category headers.\n */\nfunction hasInteractiveGroupEntries<TItem>(\n  groups: MentionPaletteState<TItem>[\"groups\"]\n): boolean {\n  return groups.some((group) => group.items.length > 0 || group.hasMore);\n}\n\n/**\n * Flatten the palette state into a stable, ordered list of navigable entries.\n *\n * Mirrors the ordering and key format of `flattenAgentMentionPaletteEntries`\n * from AgentFileMentionPalette.tsx, but is generic over item type.\n *\n * Key formats:\n *   category entry  →  `category:<categoryId>`\n *   item entry      →  `<groupId>:<getItemKey(item, groupId)>`\n *   expand entry    →  `expand:<groupId>`\n */\nexport function flattenMentionPaletteEntries<TItem>(\n  state: MentionPaletteState<TItem>,\n  getItemKey: (item: TItem, groupId: string) => string\n): MentionPaletteEntry[] {\n  // Browse mode with no interactive group content → show category nav only\n  if (state.mode === \"browse\" && !hasInteractiveGroupEntries(state.groups)) {\n    return state.categories.map((category) => ({\n      key: `category:${category.id}`,\n      type: \"category\" as const,\n      categoryId: category.id\n    }));\n  }\n\n  const entries: MentionPaletteEntry[] = [];\n\n  for (const group of state.groups) {\n    group.items.forEach((item, index) => {\n      entries.push({\n        key: `${group.id}:${getItemKey(item, group.id)}`,\n        type: \"item\",\n        groupId: group.id,\n        itemIndex: index\n      });\n    });\n\n    if (group.hasMore) {\n      entries.push({\n        key: `expand:${group.id}`,\n        type: \"expand\",\n        groupId: group.id\n      });\n    }\n  }\n\n  return entries;\n}\n","import type {\n  MentionPaletteCategory,\n  MentionPaletteEntry,\n  MentionPaletteGroup,\n  MentionPaletteState\n} from \"./mentionPaletteTypes.ts\";\nimport { flattenMentionPaletteEntries } from \"./mentionPaletteEntries.ts\";\nimport type { RichTextTriggerQueryMatch } from \"../types/trigger.ts\";\n\nexport interface MentionPaletteModelInput<TItem> {\n  activeCategoryId: string;\n  categories: readonly MentionPaletteCategory[];\n  groups: readonly MentionPaletteGroup<TItem>[];\n  loading: boolean;\n  query?: string;\n  mode?: \"browse\" | \"results\";\n}\n\nexport interface MentionPaletteSectionConfig<\n  TMatch extends RichTextTriggerQueryMatch = RichTextTriggerQueryMatch\n> {\n  id: string;\n  label?: string;\n  providerIds?: readonly string[];\n  matches?: (match: TMatch) => boolean;\n  emptyLabel?: string;\n}\n\nexport interface MentionPaletteCategoryConfig<\n  TMatch extends RichTextTriggerQueryMatch = RichTextTriggerQueryMatch\n> {\n  id: string;\n  label: string;\n  providerIds?: readonly string[];\n  matches?: (match: TMatch) => boolean;\n  emptyLabel?: string;\n  sections?: readonly MentionPaletteSectionConfig<TMatch>[];\n}\n\nexport function mentionPaletteGroup<TItem>(input: {\n  id: string;\n  label?: string;\n  items: readonly TItem[];\n  emptyLabel?: string;\n}): MentionPaletteGroup<TItem> {\n  return {\n    id: input.id,\n    label: input.label,\n    items: input.items,\n    totalCount: input.items.length,\n    visibleCount: input.items.length,\n    hasMore: false,\n    emptyLabel: input.emptyLabel\n  };\n}\n\nexport function buildMentionPaletteModel<TItem>(\n  input: MentionPaletteModelInput<TItem>\n): MentionPaletteState<TItem> {\n  return {\n    status: input.loading ? \"loading\" : \"ready\",\n    query: input.query ?? \"\",\n    mode: input.mode ?? \"results\",\n    filter: input.activeCategoryId,\n    categories: input.categories,\n    groups: input.groups,\n    error: null\n  };\n}\n\nexport function buildMentionPaletteModelFromTriggerMatches<\n  TMatch extends RichTextTriggerQueryMatch = RichTextTriggerQueryMatch\n>(input: {\n  activeCategoryId: string;\n  categories: readonly MentionPaletteCategoryConfig<TMatch>[];\n  matches: readonly TMatch[];\n  loading: boolean;\n  query?: string;\n  mode?: \"browse\" | \"results\";\n}): MentionPaletteState<TMatch> {\n  const categories = input.categories.map((category) => ({\n    id: category.id,\n    label: category.label\n  }));\n  const activeCategory =\n    input.categories.find(\n      (category) => category.id === input.activeCategoryId\n    ) ??\n    input.categories[0] ??\n    null;\n  const groups =\n    activeCategory === null\n      ? []\n      : buildMentionPaletteGroupsForCategory(activeCategory, input.matches);\n\n  return buildMentionPaletteModel({\n    activeCategoryId: activeCategory?.id ?? input.activeCategoryId,\n    categories,\n    groups,\n    loading: input.loading,\n    query: input.query,\n    mode: input.mode\n  });\n}\n\nfunction buildMentionPaletteGroupsForCategory<\n  TMatch extends RichTextTriggerQueryMatch\n>(\n  category: MentionPaletteCategoryConfig<TMatch>,\n  matches: readonly TMatch[]\n): MentionPaletteGroup<TMatch>[] {\n  const categoryMatches = matches.filter((match) =>\n    mentionPaletteConfigMatches(category, match)\n  );\n  if (!category.sections?.length) {\n    if (categoryMatches.length === 0 && category.emptyLabel == null) {\n      return [];\n    }\n    return [\n      mentionPaletteGroup({\n        id: category.id,\n        items: categoryMatches,\n        emptyLabel: category.emptyLabel\n      })\n    ];\n  }\n\n  const sectionItems = new Map<string, TMatch[]>(\n    category.sections.map((section) => [section.id, []])\n  );\n  for (const match of categoryMatches) {\n    const section = category.sections.find((candidate) =>\n      mentionPaletteConfigMatches(candidate, match)\n    );\n    if (!section) {\n      continue;\n    }\n    sectionItems.get(section.id)?.push(match);\n  }\n\n  return category.sections\n    .map((section) => {\n      const items = sectionItems.get(section.id) ?? [];\n      if (items.length === 0 && section.emptyLabel == null) {\n        return null;\n      }\n      return mentionPaletteGroup({\n        id: section.id,\n        label: section.label,\n        items,\n        emptyLabel: section.emptyLabel\n      });\n    })\n    .filter((group): group is MentionPaletteGroup<TMatch> => group !== null);\n}\n\nfunction mentionPaletteConfigMatches<TMatch extends RichTextTriggerQueryMatch>(\n  config: {\n    providerIds?: readonly string[];\n    matches?: (match: TMatch) => boolean;\n  },\n  match: TMatch\n): boolean {\n  if (\n    config.providerIds != null &&\n    !config.providerIds.includes(match.providerId)\n  ) {\n    return false;\n  }\n  return config.matches?.(match) ?? true;\n}\n\nexport function moveMentionPaletteHighlight<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  currentKey: string | null;\n  delta: 1 | -1;\n  getItemKey: (item: TItem, groupId: string) => string;\n}): string | null {\n  const entries = flattenMentionPaletteEntries(\n    input.state,\n    input.getItemKey\n  ).filter(\n    (entry) =>\n      entry.type === \"category\" ||\n      entry.type === \"item\" ||\n      entry.type === \"expand\"\n  );\n  if (!entries.length) {\n    return null;\n  }\n  const foundIndex = entries.findIndex(\n    (entry) => entry.key === input.currentKey\n  );\n  const currentIndex = foundIndex >= 0 ? foundIndex : input.delta > 0 ? -1 : 0;\n  return (\n    entries[(currentIndex + input.delta + entries.length) % entries.length]\n      ?.key ?? null\n  );\n}\n\nexport function repairMentionPaletteHighlight<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  currentKey: string | null;\n  getItemKey: (item: TItem, groupId: string) => string;\n  preferredKey?: string | null;\n}): string | null {\n  const entries = flattenMentionPaletteEntries(input.state, input.getItemKey);\n  if (entries.length === 0) {\n    return null;\n  }\n  if (\n    input.currentKey !== null &&\n    entries.some((entry) => entry.key === input.currentKey)\n  ) {\n    return input.currentKey;\n  }\n  if (\n    input.preferredKey != null &&\n    entries.some((entry) => entry.key === input.preferredKey)\n  ) {\n    return input.preferredKey;\n  }\n  return entries[0]?.key ?? null;\n}\n\nexport function findMentionPaletteEntry<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  key: string | null;\n  getItemKey: (item: TItem, groupId: string) => string;\n}): MentionPaletteEntry | null {\n  if (input.key === null) {\n    return null;\n  }\n  return (\n    flattenMentionPaletteEntries(input.state, input.getItemKey).find(\n      (entry) => entry.key === input.key\n    ) ?? null\n  );\n}\n\nexport function selectedMentionPaletteItem<TItem>(input: {\n  state: MentionPaletteState<TItem>;\n  key: string | null;\n  getItemKey: (item: TItem, groupId: string) => string;\n}): TItem | null {\n  for (const group of input.state.groups) {\n    const index = group.items.findIndex(\n      (candidate) =>\n        `${group.id}:${input.getItemKey(candidate, group.id)}` === input.key\n    );\n    if (index >= 0) {\n      return group.items[index] ?? null;\n    }\n  }\n  return null;\n}\n\nexport function nextMentionPaletteCategory<TCategoryId extends string>(\n  categories: readonly { id: TCategoryId }[],\n  current: TCategoryId,\n  delta: 1 | -1\n): TCategoryId {\n  const index = categories.findIndex((category) => category.id === current);\n  const safeIndex = index >= 0 ? index : 0;\n  return categories[\n    (safeIndex + delta + categories.length) % categories.length\n  ]!.id;\n}\n","/**\n * Tone → className maps for the {@link MentionStatusBadge} rendered inside a\n * {@link MentionRow}. The surface resolves a status into a data-only\n * {@link MentionRowStatusTag} (label + tone + variant); this module owns the\n * presentational mapping so the styling stays in one place and identical across\n * surfaces.\n */\nexport type MentionRowStatusTone =\n  | \"amber\"\n  | \"blue\"\n  | \"green\"\n  | \"neutral\"\n  | \"purple\"\n  | \"red\";\n\nexport type MentionRowStatusVariant = \"activity\" | \"issue\";\n\n/**\n * Text classes for agent activity status signals. Activity rows already include\n * a status dot, so they render as plain signal text instead of a filled badge.\n */\nexport function activityMentionStatusBadgeClassName(\n  tone: MentionRowStatusTone\n): string {\n  switch (tone) {\n    case \"blue\":\n      return \"bg-transparent px-0 text-[var(--status-running)]\";\n    case \"amber\":\n      return \"bg-transparent px-0 text-[var(--state-warning)]\";\n    case \"green\":\n      return \"bg-transparent px-0 text-[var(--state-success)]\";\n    case \"red\":\n      return \"bg-transparent px-0 text-[var(--state-danger)]\";\n    default:\n      return \"bg-transparent px-0 text-[var(--text-secondary)]\";\n  }\n}\n\n/**\n * Background/text classes for the issue status badge. Ported verbatim from the\n * agent's `issueMentionStatusBadgeClassName` (keyed by the issue tone the\n * surface resolves).\n */\nexport function issueMentionStatusBadgeClassName(\n  tone: MentionRowStatusTone\n): string {\n  switch (tone) {\n    case \"blue\":\n      return \"bg-[color:color-mix(in_srgb,var(--status-running)_12%,transparent)] text-[var(--status-running)]\";\n    case \"amber\":\n      return \"bg-[color:color-mix(in_srgb,var(--state-warning)_12%,transparent)] text-[var(--state-warning)]\";\n    case \"green\":\n      return \"bg-[color:color-mix(in_srgb,var(--state-success)_12%,transparent)] text-[var(--state-success)]\";\n    case \"purple\":\n      return \"bg-[color-mix(in_srgb,var(--rich-text-mention-issue)_12%,transparent)] text-[var(--rich-text-mention-issue)]\";\n    case \"red\":\n      return \"bg-[var(--on-danger)] text-[var(--state-danger)]\";\n    default:\n      return \"bg-[var(--transparency-block)] text-[var(--text-secondary)]\";\n  }\n}\n\nexport function mentionStatusBadgeClassName(input: {\n  tone: MentionRowStatusTone;\n  variant: MentionRowStatusVariant;\n}): string {\n  return input.variant === \"issue\"\n    ? issueMentionStatusBadgeClassName(input.tone)\n    : activityMentionStatusBadgeClassName(input.tone);\n}\n\n/**\n * Map a normalized agent-activity display status to its badge tone. Shared by\n * every `@`-mention surface that renders a session row (agent composer,\n * issue-manager) so the activity status badge color is identical across\n * surfaces. Mirrors the agent composer's local `mentionStatusTone` mapping\n * verbatim (the agent keeps its own copy producing identical values). The label\n * is resolved by each surface; only the tone lives here.\n */\nexport function activityMentionStatusTone(\n  status: string\n): MentionRowStatusTone {\n  switch (status.trim().toLowerCase()) {\n    case \"working\":\n      return \"blue\";\n    case \"waiting\":\n    case \"canceled\":\n      return \"amber\";\n    case \"completed\":\n    case \"idle\":\n      return \"green\";\n    case \"failed\":\n      return \"red\";\n    default:\n      return \"neutral\";\n  }\n}\n\n/**\n * Map an issue status string to its badge tone. Shared by every `@`-mention\n * surface that renders an issue row (agent composer, issue-manager) so the\n * status badge color is identical across surfaces. The label is resolved by\n * each surface's own i18n; only the tone lives here.\n */\nexport function issueMentionStatusTone(status: string): MentionRowStatusTone {\n  switch (status.trim().toLowerCase()) {\n    case \"completed\":\n      return \"green\";\n    case \"failed\":\n    case \"canceled\":\n      return \"red\";\n    default:\n      return \"neutral\";\n  }\n}\n","/**\n * Pure, dependency-free file visual-kind helpers shared by every `@`-mention\n * surface that renders a {@link MentionRow}. The *base* extension → kind\n * resolution lives in each surface (the agent maps file-manager kinds, etc.);\n * this module owns only the surface-agnostic vocabulary and the thumbnail rule\n * so the shared row renderer never imports a workspace feature.\n */\nexport type MentionFileVisualKind =\n  | \"back\"\n  | \"document\"\n  | \"code\"\n  | \"markdown\"\n  | \"image\"\n  | \"video\"\n  | \"folder\";\n\nexport interface MentionFileVisualKindInput {\n  entryKind?: string | null;\n  mentionNavigation?: string | null;\n  /**\n   * The base visual kind already resolved from the file extension/name by the\n   * surface (e.g. the agent's file-manager mapping). Used as the fallback when\n   * the entry is neither a back-navigation marker nor a directory.\n   */\n  baseVisualKind: MentionFileVisualKind;\n}\n\n/**\n * Resolve the row's visual kind from a pre-resolved {@link MentionFileVisualKindInput.baseVisualKind}\n * plus the structural markers (back navigation, directory) that override it.\n */\nexport function resolveMentionFileVisualKind(\n  input: MentionFileVisualKindInput\n): MentionFileVisualKind {\n  if (input.mentionNavigation === \"agent-generated-folder-back\") {\n    return \"back\";\n  }\n  if (input.entryKind === \"directory\") {\n    return \"folder\";\n  }\n  return input.baseVisualKind;\n}\n\n/**\n * The thumbnail is only shown for image entries with a non-empty thumbnail URL.\n */\nexport function resolveMentionFileThumbnailUrl(input: {\n  visualKind: MentionFileVisualKind;\n  thumbnailUrl?: string | null;\n}): string | undefined {\n  if (input.visualKind !== \"image\") {\n    return undefined;\n  }\n  const thumbnailUrl = input.thumbnailUrl?.trim() ?? \"\";\n  return thumbnailUrl || undefined;\n}\n"],"mappings":"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","names":[]}

package/dist/editor/index.d.ts

@@ -10,6 +10,9 @@ interface RichTextTriggerTextOverrides {
     removeReferenceActionLabel?: string;
 }
 
+type RichTextTriggerMenuPlacement = "bottom-start" | "top-start" | "auto-start";
+type RichTextTriggerMenuAnchor = "cursor" | "editor";
+
 interface RichTextTriggerEditorProps {
     value: string;
     onChange: (value: string) => void;
@@ -26,9 +29,12 @@ interface RichTextTriggerEditorProps {
     textOverrides?: RichTextTriggerTextOverrides;
     overlay?: ReactNode;
     focusSignal?: unknown;
+    menuAnchor?: RichTextTriggerMenuAnchor;
+    menuPlacement?: RichTextTriggerMenuPlacement;
+    menuOffset?: number;
     menuZIndex?: string | number;
 }
-declare function RichTextTriggerEditor({ value, onChange, triggerProviders, placeholder, disabled, className, textareaClassName, placeholderClassName, minQueryLength, maxResults, removeDecorationAriaLabel, i18n, textOverrides, overlay, focusSignal, menuZIndex }: RichTextTriggerEditorProps): JSX.Element;
+declare function RichTextTriggerEditor({ value, onChange, triggerProviders, placeholder, disabled, className, textareaClassName, placeholderClassName, minQueryLength, maxResults, removeDecorationAriaLabel, i18n, textOverrides, overlay, focusSignal, menuAnchor, menuPlacement, menuOffset, menuZIndex }: RichTextTriggerEditorProps): JSX.Element;
 
 interface RichTextTriggerTextareaProps {
     value: string;
@@ -86,4 +92,4 @@ declare function isRichTextTriggerPrefixBoundary(character: string, boundary: Ri
 declare function findRichTextTriggerQuery(value: string, caret: number, triggerConfigs: readonly RichTextTriggerConfig[]): RichTextTriggerQueryState | null;
 declare function queryRichTextTriggerMatches(registry: RichTextTriggerRegistry, input: RichTextTriggerQueryInput): Promise<readonly RichTextTriggerQueryMatch[]>;
 
-export { RichTextMentionReadonly, type RichTextMentionReadonlyClickPayload, type RichTextMentionReadonlyProps, RichTextReadonlyContent, type RichTextReadonlyContentProps, type RichTextReadonlyWorkspaceReference, RichTextTriggerEditor, type RichTextTriggerEditorProps, type RichTextTriggerQueryState, type RichTextTriggerTextOverrides, RichTextTriggerTextarea, type RichTextTriggerTextareaProps, findRichTextTriggerQuery, isRichTextTriggerPrefixBoundary, queryRichTextTriggerMatches };
+export { RichTextMentionReadonly, type RichTextMentionReadonlyClickPayload, type RichTextMentionReadonlyProps, RichTextReadonlyContent, type RichTextReadonlyContentProps, type RichTextReadonlyWorkspaceReference, RichTextTriggerEditor, type RichTextTriggerEditorProps, type RichTextTriggerMenuAnchor, type RichTextTriggerMenuPlacement, type RichTextTriggerQueryState, type RichTextTriggerTextOverrides, RichTextTriggerTextarea, type RichTextTriggerTextareaProps, findRichTextTriggerQuery, isRichTextTriggerPrefixBoundary, queryRichTextTriggerMatches };

package/dist/editor/index.js

@@ -22,6 +22,7 @@ import {
 
 // src/editor/RichTextTriggerEditor.tsx
 import {
+  useCallback,
   useEffect as useEffect2,
   useLayoutEffect,
   useMemo,
@@ -113,6 +114,108 @@ function resolveRichTextTriggerText(overrides, removeDecorationAriaLabel, i18n =
 }
 var defaultRichTextTriggerText = resolveRichTextTriggerText();
 
+// src/editor/richTextTriggerMenuPlacement.ts
+var richTextTriggerMenuEstimatedSize = {
+  width: 360,
+  height: 256
+};
+var richTextTriggerMenuViewportPadding = 12;
+function resolveRichTextTriggerMenuPlacement(options) {
+  const {
+    cursorRect,
+    editorRect,
+    estimatedSize = richTextTriggerMenuEstimatedSize,
+    menuAnchor = "cursor",
+    menuOffset,
+    menuPlacement,
+    viewportWidth = 1280,
+    viewportHeight
+  } = options;
+  if (menuAnchor === "editor" && editorRect) {
+    return resolveEditorAnchoredPlacement({
+      editorRect,
+      estimatedSize,
+      menuOffset,
+      menuPlacement,
+      viewportHeight,
+      viewportWidth
+    });
+  }
+  if (menuPlacement === "top-start") {
+    return resolveTopStartPlacement(cursorRect, menuOffset);
+  }
+  if (menuPlacement === "auto-start") {
+    const bottomPlacement = resolveBottomStartPlacement(cursorRect, menuOffset);
+    const topPlacement = resolveTopStartPlacement(cursorRect, menuOffset);
+    const bottomFits = bottomPlacement.point.y + estimatedSize.height <= viewportHeight - richTextTriggerMenuViewportPadding;
+    const topFits = topPlacement.point.y - estimatedSize.height >= richTextTriggerMenuViewportPadding;
+    if (!bottomFits && topFits) {
+      return topPlacement;
+    }
+  }
+  return resolveBottomStartPlacement(cursorRect, menuOffset);
+}
+function resolveEditorAnchoredPlacement(options) {
+  const {
+    editorRect,
+    estimatedSize,
+    menuOffset,
+    menuPlacement,
+    viewportHeight,
+    viewportWidth
+  } = options;
+  const maxWidth = Math.max(
+    0,
+    viewportWidth - richTextTriggerMenuViewportPadding * 2
+  );
+  const width = Math.min(editorRect.width, maxWidth);
+  const left = Math.max(
+    richTextTriggerMenuViewportPadding,
+    Math.min(
+      editorRect.left,
+      viewportWidth - richTextTriggerMenuViewportPadding - width
+    )
+  );
+  const spaceAbove = editorRect.top - menuOffset - richTextTriggerMenuViewportPadding;
+  const spaceBelow = viewportHeight - editorRect.bottom - menuOffset - richTextTriggerMenuViewportPadding;
+  const placeAbove = menuPlacement === "top-start" || menuPlacement === "auto-start" && spaceBelow < estimatedSize.height && spaceAbove > spaceBelow;
+  return {
+    type: "point",
+    alignY: placeAbove ? "end" : "start",
+    boundaryPoint: {
+      x: Math.round(editorRect.left + editorRect.width / 2),
+      y: Math.round((editorRect.top + editorRect.bottom) / 2)
+    },
+    point: {
+      x: Math.round(left),
+      y: Math.round(
+        placeAbove ? editorRect.top - menuOffset : editorRect.bottom + menuOffset
+      )
+    },
+    width: Math.round(width)
+  };
+}
+function resolveBottomStartPlacement(cursorRect, menuOffset) {
+  return {
+    type: "point",
+    alignY: "start",
+    point: {
+      x: cursorRect.left,
+      y: cursorRect.bottom + menuOffset
+    }
+  };
+}
+function resolveTopStartPlacement(cursorRect, menuOffset) {
+  return {
+    type: "point",
+    alignY: "end",
+    point: {
+      x: cursorRect.left,
+      y: cursorRect.top - menuOffset
+    }
+  };
+}
+
 // src/editor/RichTextTriggerMenuItem.tsx
 import { FileIcon, FolderFilledIcon } from "@tutti-os/ui-system/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -555,9 +658,11 @@ function RichTextTriggerEditor({
   textOverrides,
   overlay,
   focusSignal,
+  menuAnchor = "cursor",
+  menuPlacement = "bottom-start",
+  menuOffset = 6,
   menuZIndex
 }) {
-  const menuOffset = 6;
   const normalizedValue = normalizeRichTextContent(value);
   const text = resolveRichTextTriggerText(
     textOverrides,
@@ -586,10 +691,11 @@ function RichTextTriggerEditor({
   );
   const [activeIndex, setActiveIndex] = useState2(0);
   const [isLoading, setIsLoading] = useState2(false);
-  const [menuPoint, setMenuPoint] = useState2(
-    null
-  );
+  const [resolvedMenuAnchor, setResolvedMenuAnchor] = useState2(null);
   latestOnChangeRef.current = onChange;
+  const resetMenuPlacement = useCallback(() => {
+    setResolvedMenuAnchor(null);
+  }, []);
   const editor = useEditor({
     immediatelyRender: false,
     editable: !disabled,
@@ -619,7 +725,7 @@ function RichTextTriggerEditor({
         setMatches([]);
         setActiveIndex(0);
         setIsLoading(false);
-        setMenuPoint(null);
+        resetMenuPlacement();
       }, 100);
     },
     onFocus() {
@@ -779,31 +885,48 @@ function RichTextTriggerEditor({
   ]);
   useLayoutEffect(() => {
     if (!editor || !query) {
-      setMenuPoint(null);
+      resetMenuPlacement();
       return;
     }
-    const updateMenuPoint = () => {
+    const updateMenuAnchor = () => {
       const coords = editor.view.coordsAtPos(editor.state.selection.from);
-      const nextMenuPoint = {
-        x: coords.left,
-        y: coords.bottom + menuOffset
-      };
-      setMenuPoint(nextMenuPoint);
+      const editorRect = editor.view.dom.getBoundingClientRect();
+      const nextMenuAnchor = resolveRichTextTriggerMenuPlacement({
+        cursorRect: coords,
+        editorRect,
+        menuAnchor,
+        menuOffset,
+        menuPlacement,
+        viewportWidth: typeof window === "undefined" ? 1280 : window.innerWidth,
+        viewportHeight: typeof window === "undefined" ? 720 : window.innerHeight
+      });
+      setResolvedMenuAnchor(nextMenuAnchor);
     };
-    updateMenuPoint();
-    window.addEventListener("resize", updateMenuPoint);
-    window.addEventListener("scroll", updateMenuPoint, {
+    updateMenuAnchor();
+    window.addEventListener("resize", updateMenuAnchor);
+    window.addEventListener("scroll", updateMenuAnchor, {
       capture: true,
       passive: true
     });
     return () => {
-      window.removeEventListener("resize", updateMenuPoint);
-      window.removeEventListener("scroll", updateMenuPoint, true);
+      window.removeEventListener("resize", updateMenuAnchor);
+      window.removeEventListener("scroll", updateMenuAnchor, true);
     };
-  }, [editor, menuOffset, query]);
+  }, [
+    editor,
+    menuAnchor,
+    menuOffset,
+    menuPlacement,
+    query,
+    resetMenuPlacement
+  ]);
   const canQueryTrigger = !!query && activeTriggerConfigs.length > 0 && query.keyword.length >= minQueryLength;
-  const isMenuOpen = canQueryTrigger && (isFocused || !!menuPoint);
+  const isMenuOpen = canQueryTrigger && (isFocused || !!resolvedMenuAnchor);
   const isEmpty = !editor || serializeRichTextDocumentToContent(editor.getJSON()).trim().length === 0;
+  const menuSurfaceStyle = resolveMenuSurfaceStyle(
+    resolvedMenuAnchor,
+    menuZIndex
+  );
   const applyMatch = (match) => {
     if (!editor || !query) {
       return;
@@ -819,7 +942,7 @@ function RichTextTriggerEditor({
     setMatches([]);
     setActiveIndex(0);
     setIsLoading(false);
-    setMenuPoint(null);
+    resetMenuPlacement();
   };
   const handleKeyDown = (event) => {
     if (isRichTextImeComposing(event)) {
@@ -833,7 +956,7 @@ function RichTextTriggerEditor({
       setMatches([]);
       setActiveIndex(0);
       setIsLoading(false);
-      setMenuPoint(null);
+      resetMenuPlacement();
       return;
     }
     if (matches.length === 0) {
@@ -880,22 +1003,13 @@ function RichTextTriggerEditor({
           }
         ) }) : null,
         overlay,
-        isMenuOpen && menuPoint ? /* @__PURE__ */ jsx4(
+        isMenuOpen && resolvedMenuAnchor ? /* @__PURE__ */ jsx4(
           ViewportMenuSurface,
           {
             open: true,
             className: "tutti-rich-text-at-menu max-h-64 w-[min(28rem,calc(100vw-24px))] overflow-y-auto p-1",
-            placement: {
-              type: "point",
-              point: menuPoint,
-              alignX: "start",
-              alignY: "start",
-              estimatedSize: {
-                width: 360,
-                height: 256
-              }
-            },
-            style: menuZIndex === void 0 ? void 0 : { zIndex: menuZIndex },
+            placement: resolveViewportMenuSurfacePlacement(resolvedMenuAnchor),
+            style: menuSurfaceStyle,
             children: matches.length > 0 ? matches.map((match, index) => /* @__PURE__ */ jsx4(
               RichTextTriggerMenuItem,
               {
@@ -916,6 +1030,31 @@ function RichTextTriggerEditor({
     }
   );
 }
+function resolveViewportMenuSurfacePlacement(menuAnchor) {
+  return {
+    type: "point",
+    ...menuAnchor.boundaryPoint ? { boundaryPoint: menuAnchor.boundaryPoint } : {},
+    point: menuAnchor.point,
+    alignX: "start",
+    alignY: menuAnchor.alignY,
+    estimatedSize: {
+      width: menuAnchor.width ?? richTextTriggerMenuEstimatedSize.width,
+      height: richTextTriggerMenuEstimatedSize.height
+    }
+  };
+}
+function resolveMenuSurfaceStyle(menuAnchor, menuZIndex) {
+  if (!menuAnchor && menuZIndex === void 0) {
+    return void 0;
+  }
+  return {
+    ...menuAnchor?.width !== void 0 ? {
+      width: menuAnchor.width,
+      maxWidth: menuAnchor.width
+    } : {},
+    ...menuZIndex === void 0 ? {} : { zIndex: menuZIndex }
+  };
+}
 function findEditorAtQuery(editor, triggers) {
   const query = findEditorTriggerQuery(editor, triggers);
   if (!query) {