mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Alem Tuzlak
acf17d6170
100% JSX bot at feature parity with the PoC example: issue/page cards, tables, Chart.js charts, Mermaid diagrams, incident/status/links cards, a confirm_write HITL gate, and /agent + /triage slash commands. Registers examples/slack in the pnpm workspace.
79 lines
3.0 KiB
TypeScript
79 lines
3.0 KiB
TypeScript
/**
|
|
* Shared status/priority → emoji mapping for the Linear components.
|
|
* `*Shortcode` variants (`:large_blue_circle:`) render in mrkdwn (section /
|
|
* context); `*Unicode` variants render in `header` blocks, which are
|
|
* plain_text and don't expand mrkdwn shortcodes reliably.
|
|
*/
|
|
|
|
/** Linear workflow-state name → status dot (mrkdwn shortcode). */
|
|
export function stateShortcode(state?: string): string {
|
|
const s = (state ?? "").toLowerCase();
|
|
if (s.includes("done") || s.includes("complete")) return ":white_check_mark:";
|
|
if (s.includes("progress") || s.includes("started"))
|
|
return ":large_blue_circle:";
|
|
if (s.includes("review")) return ":large_purple_circle:";
|
|
if (s.includes("cancel")) return ":no_entry_sign:";
|
|
if (s.includes("backlog")) return ":white_circle:";
|
|
return ":large_orange_circle:"; // Todo / triage / unknown
|
|
}
|
|
|
|
/** Same mapping, as a unicode glyph for `header` blocks. */
|
|
export function stateUnicode(state?: string): string {
|
|
const s = (state ?? "").toLowerCase();
|
|
if (s.includes("done") || s.includes("complete")) return "✅";
|
|
if (s.includes("progress") || s.includes("started")) return "🔵";
|
|
if (s.includes("review")) return "🟣";
|
|
if (s.includes("cancel")) return "🚫";
|
|
if (s.includes("backlog")) return "⚪";
|
|
return "🟠";
|
|
}
|
|
|
|
/** Linear priority label → emoji (mrkdwn shortcode), or "" for none. */
|
|
export function priorityShortcode(priority?: string): string {
|
|
const p = (priority ?? "").toLowerCase();
|
|
if (p.includes("urgent")) return ":rotating_light:";
|
|
if (p.includes("high")) return ":red_circle:";
|
|
if (p.includes("medium")) return ":large_orange_circle:";
|
|
if (p.includes("low")) return ":white_circle:";
|
|
return "";
|
|
}
|
|
|
|
/** Brand + semantic accent colors for the attachment left-border. */
|
|
export const ACCENT = {
|
|
linear: "#5E6AD2",
|
|
notion: "#2F3437",
|
|
urgent: "#EB5757",
|
|
high: "#F2994A",
|
|
done: "#27AE60",
|
|
progress: "#2D9CDB",
|
|
canceled: "#9B9B9B",
|
|
} as const;
|
|
|
|
/**
|
|
* Accent color for a single issue: priority wins (urgent/high), then state
|
|
* (done/in-progress/canceled), falling back to Linear purple.
|
|
*/
|
|
export function accentForIssue(issue: {
|
|
state?: string;
|
|
priority?: string;
|
|
}): string {
|
|
const p = (issue.priority ?? "").toLowerCase();
|
|
if (p.includes("urgent")) return ACCENT.urgent;
|
|
if (p.includes("high")) return ACCENT.high;
|
|
const s = (issue.state ?? "").toLowerCase();
|
|
if (s.includes("done") || s.includes("complete")) return ACCENT.done;
|
|
if (s.includes("cancel")) return ACCENT.canceled;
|
|
if (s.includes("progress") || s.includes("started")) return ACCENT.progress;
|
|
return ACCENT.linear;
|
|
}
|
|
|
|
/** Accent for a list: surface the hottest priority present, else Linear purple. */
|
|
export function accentForIssues(
|
|
issues: ReadonlyArray<{ priority?: string }>,
|
|
): string {
|
|
const prios = issues.map((i) => (i.priority ?? "").toLowerCase());
|
|
if (prios.some((p) => p.includes("urgent"))) return ACCENT.urgent;
|
|
if (prios.some((p) => p.includes("high"))) return ACCENT.high;
|
|
return ACCENT.linear;
|
|
}
|