assets/mcp-cards/agent-card-v6.html.txt
Rama main · réplica de lectura del repositorio original.
<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Chickpea Agent card</title>
<style>/*
* Framework-free MCP App styles.
*/
@layer base {
:root {
color-scheme: light dark;
--background: var(
--color-background-primary,
light-dark(rgb(255 255 255), rgb(24 24 24))
);
--foreground: var(
--color-text-primary,
light-dark(rgb(26 28 31), rgb(255 255 255))
);
--card: color-mix(in oklab, var(--foreground) 5%, var(--background));
--card-foreground: var(--color-text-primary, var(--foreground));
--primary: var(
--color-text-info,
light-dark(rgb(51 156 255), rgb(131 195 255))
);
--primary-foreground: var(
--color-text-inverse,
light-dark(rgb(255 255 255), rgb(13 13 13))
);
--secondary: var(
--color-background-secondary,
light-dark(rgb(255 255 255 / 96%), rgb(54 54 54 / 96%))
);
--secondary-foreground: var(--color-text-primary, var(--foreground));
--muted: color-mix(in srgb, var(--foreground) 10%, transparent);
--muted-foreground: var(
--color-text-secondary,
light-dark(rgb(26 28 31 / 49.4%), rgb(255 255 255 / 49.8%))
);
--accent: var(
--color-background-info,
light-dark(rgb(229 242 255), rgb(13 39 63))
);
--accent-foreground: var(--color-text-info, var(--primary));
--destructive: var(
--color-text-warning,
light-dark(rgb(226 85 7), rgb(255 133 73))
);
--border: var(
--color-border-secondary,
light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%))
);
--input: var(
--color-border-primary,
light-dark(rgb(26 28 31 / 11.8%), rgb(255 255 255 / 12%))
);
--ring: var(--color-ring-primary, var(--primary));
--font-size-base: var(--font-text-md-size, 14px);
--radius: var(--border-radius-lg, 12.5px);
}
:root[data-theme="light"] {
color-scheme: light;
}
:root[data-theme="dark"] {
color-scheme: dark;
}
body {
margin: 0;
color: var(--foreground);
background: var(--background);
font-size: max(11px, var(--font-size-base));
font-weight: var(--font-weight-normal, 430);
line-height: 1.5;
}
/* MCP sandboxes can force their own font on body, so restore the host font below it. */
body,
body > * {
font-family: var(
--font-sans,
-apple-system,
system-ui,
"Segoe UI",
sans-serif
);
}
h1,
h2,
h3,
p {
margin-block: 0;
}
h1,
h2,
h3 {
font-weight: var(--font-weight-medium, 500);
line-height: 1.25;
}
h1 {
font-size: calc(var(--font-size-base) * 1.7142857143);
}
h2 {
font-size: calc(var(--font-size-base) * 1.4285714286);
}
h3 {
font-size: calc(var(--font-size-base) * 1.2857142857);
}
}
@layer components {
.cursor-interaction {
cursor: var(--cursor-interaction, pointer);
}
.card {
min-width: 0;
padding: 12px;
overflow-wrap: break-word;
border-radius: calc(var(--radius) * 1.6);
corner-shape: superellipse(1.5);
color: var(--card-foreground);
background: var(--card);
}
.btn,
.form-check-input,
.form-control,
.form-select {
box-sizing: border-box;
font: inherit;
}
.btn {
appearance: button;
display: inline-flex;
inline-size: fit-content;
max-inline-size: 100%;
min-height: 28px;
align-items: center;
justify-content: center;
gap: 4px;
margin: 0;
padding: 0 8px;
border: 1px solid var(--input);
border-radius: var(--radius);
corner-shape: superellipse(1.5);
color: var(--secondary-foreground);
background: var(--secondary);
cursor: var(--cursor-interaction, pointer);
text-align: center;
text-decoration: none;
white-space: nowrap;
user-select: none;
}
.btn:not(:disabled):hover {
background: color-mix(in srgb, var(--foreground) 6%, var(--secondary));
}
.btn-primary {
border-color: transparent;
color: var(--primary-foreground);
background: var(--foreground);
background-clip: padding-box;
}
.btn-primary:not(:disabled):hover {
background: color-mix(in srgb, var(--foreground) 80%, transparent);
background-clip: padding-box;
}
.btn-ghost {
border-color: transparent;
color: var(--muted-foreground);
background: transparent;
}
.btn-ghost:not(:disabled):hover {
color: var(--foreground);
background: color-mix(in srgb, var(--foreground) 6%, var(--secondary));
}
.btn:not(.btn-primary):is([aria-pressed="true"], [aria-selected="true"]) {
border-color: var(--primary);
color: var(--primary-foreground);
background: var(--primary);
}
.btn:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 2px;
}
.btn:disabled,
.form-check-input:disabled,
.form-control:disabled,
.form-select:disabled {
cursor: not-allowed;
opacity: 0.4;
}
.form-label {
display: block;
margin-bottom: 6px;
color: var(--foreground);
}
.form-control,
.form-select {
display: block;
width: 100%;
min-height: 28px;
padding: 0 8px;
outline: none;
border: 1px solid var(--input);
border-radius: var(--radius);
corner-shape: superellipse(1.5);
color: var(--foreground);
background: var(--secondary);
}
.form-control::placeholder {
color: var(--muted-foreground);
}
.form-select {
appearance: none;
padding-right: 32px;
background-image:
linear-gradient(45deg, transparent 50%, var(--muted-foreground) 50%),
linear-gradient(135deg, var(--muted-foreground) 50%, transparent 50%);
background-position:
calc(100% - 14px) 50%,
calc(100% - 10px) 50%;
background-repeat: no-repeat;
background-size: 4px 4px;
cursor: var(--cursor-interaction, pointer);
}
.form-select:not(:disabled):hover {
background-color: color-mix(
in srgb,
var(--foreground) 6%,
var(--secondary)
);
}
textarea.form-control {
min-height: 72px;
padding: 8px 10px;
resize: vertical;
}
.form-control:focus-visible,
.form-select:focus-visible {
border-color: var(--ring);
box-shadow: inset 0 0 0 1px var(--ring);
}
.form-check {
display: flex;
min-height: 20px;
align-items: center;
gap: 8px;
}
.form-check-input {
appearance: none;
display: grid;
width: 16px;
height: 16px;
flex: 0 0 auto;
place-items: center;
margin: 0;
border: 1px solid var(--input);
border-radius: 5px;
corner-shape: superellipse(1.5);
color: var(--primary-foreground);
background: var(--secondary);
cursor: var(--cursor-interaction, pointer);
}
.form-check-input:checked {
border-color: var(--primary);
background: var(--primary);
}
.form-check-input:checked::after {
width: 7px;
height: 4px;
border-bottom: 2px solid currentColor;
border-left: 2px solid currentColor;
content: "";
transform: translateY(-1px) rotate(-45deg);
}
.form-check-input:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 2px;
}
.form-check-label {
color: var(--foreground);
}
svg.lucide {
display: block;
width: 16px;
height: 16px;
flex: none;
stroke-width: 1.6;
}
.text-small {
font-size: max(11px, calc(var(--font-size-base) - 2px));
}
.text-muted {
color: var(--muted-foreground);
}
.text-destructive {
color: var(--destructive);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
/*
* The Agent card in ChatGPT's own look: its type, colors and black primary
* buttons, from the host's style variables. Chickpea shows only in the avatar
* and the quote accent. Without host variables the colors fall back to the
* mockup's palette, and without a host theme to light.
*/
:root:not([data-theme]) {
color-scheme: light;
}
:root {
--cp-bg: var(--color-background-primary, light-dark(#ffffff, #181818));
--cp-fg: var(--color-text-primary, light-dark(#0d0d0d, #ededed));
/* Secondary text stays at AA contrast; the host's tertiary text does not. */
--cp-muted: var(--color-text-secondary, light-dark(#5d5d5d, #cdcdcd));
--cp-line: var(--color-border-primary, light-dark(#e5e5e5, rgb(255 255 255 / 20%)));
--cp-soft: light-dark(#f7f7f7, rgb(255 255 255 / 6%));
--cp-ok: light-dark(#1a7f37, #40c977);
--cp-warn: light-dark(#a15c00, #f0a050);
--cp-danger: #c62828;
--cp-danger-hover: #a31f1f;
--cp-accent: #e8901a;
--cp-size: var(--font-text-md-size, 14px);
}
html,
body {
background: var(--cp-bg);
color: var(--cp-fg);
}
body {
font-size: var(--cp-size);
line-height: 1.45;
}
.cp-card {
display: flex;
flex-direction: column;
gap: 0;
padding: 16px;
overflow-wrap: anywhere;
}
.cp-hdr {
display: flex;
gap: 12px;
align-items: center;
}
.cp-avatar {
flex: none;
display: block;
}
.cp-avatar svg,
.cp-avatar img {
display: block;
width: 100%;
height: 100%;
}
/* Slack's rounded square, cropped as Admin and the setup page crop it. */
.cp-avatar img {
object-fit: cover;
}
.cp-avatar-lg {
width: 44px;
height: 44px;
}
.cp-avatar-lg img {
border-radius: 12px;
}
.cp-avatar-sm {
width: 26px;
height: 26px;
}
.cp-avatar-sm img {
border-radius: 7px;
}
/* On an alert card, an Agent's picture keeps the alert art's red. */
.cp-avatar-alert img {
outline: 2px solid var(--cp-danger);
outline-offset: 1px;
}
.cp-heading {
min-width: 0;
}
.cp-title {
margin: 0;
font-size: calc(var(--cp-size) * 1.143);
font-weight: 600;
line-height: 1.25;
}
/* Focus lands here after a redraw only so the keyboard stays on the card. */
.cp-title:focus {
outline: none;
}
.cp-sub {
margin: 2px 0 0;
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.93);
}
.cp-ok {
color: var(--cp-ok);
}
.cp-warn {
color: var(--cp-warn);
}
.cp-text {
margin: 12px 0 0;
white-space: pre-line;
}
.cp-sect {
margin: 14px 0 6px;
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.79);
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.cp-sect + .cp-text {
margin-top: 0;
}
.cp-quote {
margin: 6px 0;
padding: 2px 0 2px 10px;
border-left: 3px solid var(--cp-accent);
white-space: pre-line;
}
.cp-note {
margin: 6px 0 0;
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.93);
}
.cp-note.cp-warn {
color: var(--cp-warn);
}
.cp-thread {
display: flex;
flex-direction: column;
gap: 9px;
padding: 10px 12px;
border: 1px solid var(--cp-line);
border-radius: 12px;
background: var(--cp-soft);
}
.cp-msg {
display: grid;
grid-template-columns: 26px 1fr;
gap: 8px;
font-size: calc(var(--cp-size) * 0.964);
}
/* A host may pass an example's line breaks as they are; they show as written. */
.cp-said {
white-space: pre-line;
overflow-wrap: anywhere;
}
.cp-who {
font-weight: 600;
font-size: calc(var(--cp-size) * 0.93);
}
.cp-who-note {
margin-left: 4px;
color: var(--cp-muted);
font-weight: 400;
}
.cp-init {
display: grid;
width: 26px;
height: 26px;
place-items: center;
border-radius: 7px;
background: #4a6cc4;
color: #ffffff;
font-size: calc(var(--cp-size) * 0.86);
font-weight: 600;
}
.cp-facts {
display: grid;
grid-template-columns: max-content 1fr;
gap: 6px 12px;
margin: 12px 0 0;
font-size: calc(var(--cp-size) * 0.964);
}
.cp-facts dt {
color: var(--cp-muted);
}
.cp-facts dd {
margin: 0;
}
.cp-chip {
display: inline-flex;
padding: 0 9px;
border: 1px solid var(--cp-line);
border-radius: 999px;
background: var(--cp-soft);
font-size: calc(var(--cp-size) * 0.9);
}
.cp-faint {
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.86);
}
.cp-foot {
margin: 14px 0 0;
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.93);
}
.cp-steps {
display: flex;
flex-direction: column;
gap: 7px;
margin: 12px 0 0;
padding: 0;
list-style: none;
font-size: calc(var(--cp-size) * 0.964);
}
.cp-steps li {
display: flex;
gap: 8px;
align-items: center;
}
.cp-ic {
display: inline-grid;
flex: none;
width: 18px;
height: 18px;
box-sizing: border-box;
place-items: center;
border-radius: 50%;
font-size: 11px;
}
.cp-ic-done {
background: color-mix(in srgb, var(--cp-ok) 14%, transparent);
color: var(--cp-ok);
}
.cp-ic-now {
border: 2px solid var(--cp-accent);
border-right-color: transparent;
animation: cp-spin 0.9s linear infinite;
}
.cp-ic-todo {
border: 1.5px solid var(--cp-line);
}
.cp-ic-failed {
background: color-mix(in srgb, var(--cp-danger) 14%, transparent);
color: light-dark(var(--cp-danger), #ff8a80);
font-weight: 700;
}
@keyframes cp-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.cp-ic-now {
animation: none;
}
}
.cp-acts {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-top: 14px;
}
.cp-card .btn {
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
font-size: calc(var(--cp-size) * 0.964);
font-weight: 600;
}
.cp-btn-primary {
border-color: transparent;
color: var(--color-text-inverse, light-dark(#ffffff, #0d0d0d));
background: var(--cp-fg);
}
.cp-btn-primary:not(:disabled):hover {
background: color-mix(in srgb, var(--cp-fg) 82%, var(--cp-bg));
}
.cp-btn-danger {
border-color: transparent;
color: #ffffff;
background: var(--cp-danger);
}
.cp-btn-danger:not(:disabled):hover {
background: var(--cp-danger-hover);
}
.cp-btn-secondary {
border-color: var(--cp-line);
color: var(--cp-fg);
background: var(--cp-bg);
}
.cp-card .btn:focus-visible {
outline: 2px solid var(--color-ring-primary, light-dark(#0169cc, #ffffff));
outline-offset: 2px;
}
.cp-acts[hidden],
.cp-error[hidden] {
display: none;
}
.cp-error {
margin: 10px 0 0;
color: light-dark(#b42318, #ff8a80);
font-size: calc(var(--cp-size) * 0.93);
}
.cp-rows {
display: flex;
flex-direction: column;
container-type: inline-size;
margin: 12px 0 0;
padding: 0;
border: 1px solid var(--cp-line);
border-radius: 14px;
list-style: none;
}
.cp-row {
display: grid;
grid-template-columns: 22px minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
padding: 10px 12px;
border-top: 1px solid var(--cp-line);
font-size: calc(var(--cp-size) * 0.964);
}
.cp-row:first-child {
border-top: 0;
}
/* A narrow card puts a row's link under its words instead of squeezing them. */
@container (max-width: 520px) {
.cp-row:has(> .cp-link-go) {
grid-template-columns: 22px minmax(0, 1fr);
row-gap: 2px;
}
.cp-row > .cp-link-go {
grid-column: 2;
justify-self: start;
white-space: normal;
text-align: start;
}
}
.cp-row-detail {
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.893);
white-space: pre-line;
}
.cp-row-detail.cp-warn {
color: var(--cp-warn);
}
.cp-tile {
display: grid;
width: 22px;
height: 22px;
place-items: center;
border-radius: 6px;
background: var(--cp-fg);
color: var(--cp-bg);
font-size: calc(var(--cp-size) * 0.86);
font-weight: 700;
}
.cp-ic-warning {
background: color-mix(in srgb, var(--cp-warn) 16%, transparent);
color: var(--cp-warn);
font-weight: 700;
}
.cp-ic-unknown {
border: 1.5px solid var(--cp-line);
color: var(--cp-muted);
font-weight: 700;
}
.cp-card .btn-sm {
min-height: 30px;
padding: 0 12px;
font-size: calc(var(--cp-size) * 0.893);
white-space: nowrap;
}
.cp-link {
padding: 4px 0;
border: 0;
background: none;
color: var(--cp-fg);
font: inherit;
font-size: calc(var(--cp-size) * 0.93);
font-weight: 600;
white-space: nowrap;
cursor: var(--cursor-interaction, pointer);
}
.cp-link-go::after {
content: " →" / "";
}
.cp-link:not(:disabled):hover {
text-decoration: underline;
}
.cp-link:disabled {
color: var(--cp-muted);
}
.cp-link:focus-visible {
border-radius: 4px;
outline: 2px solid var(--color-ring-primary, light-dark(#0169cc, #ffffff));
outline-offset: 2px;
}
/* Two answers side by side where there is room, one above the other on a phone. */
.cp-panes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: 10px;
margin: 10px 0 0;
}
.cp-pane {
min-width: 0;
padding: 10px 12px;
border: 1px solid var(--cp-line);
border-radius: 12px;
font-size: calc(var(--cp-size) * 0.964);
}
.cp-pane-label {
margin: 0 0 4px;
color: var(--cp-muted);
font-size: calc(var(--cp-size) * 0.79);
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.cp-pane-text {
white-space: pre-line;
overflow-wrap: anywhere;
}
</style></head>
<body><div id="card"></div><script>"use strict";(()=>{var je="2026-01-26";var L=class{constructor(n){this.appInfo=n;window.addEventListener("message",t=>{t.source===window.parent&&this.#s(t.data)}),this.on("ui/notifications/host-context-changed",t=>{let r=t,{styles:a,...s}=this.hostContext??{},i=r.theme!==void 0&&r.theme!==s.theme&&!r.styles;this.hostContext={...s,...a&&!i?{styles:a}:{},...r}})}appInfo;#a=1;#e=new Map;#t=new Map;hostContext;hostCapabilities;on(n,t){this.#t.set(n,[...this.#t.get(n)??[],t])}async connect(){let n=await this.#n("ui/initialize",{appInfo:this.appInfo,appCapabilities:{availableDisplayModes:["inline"]},protocolVersion:je});this.hostContext=n?.hostContext,this.hostCapabilities=n?.hostCapabilities,this.#r("ui/notifications/initialized",{}),new ResizeObserver(()=>this.#r("ui/notifications/size-changed",{height:Math.ceil(document.body.getBoundingClientRect().height)})).observe(document.body)}async callTool(n,t,r){return await this.#n("tools/call",{name:n,arguments:t},r)}async sendMessage(n){let t=this.hostCapabilities?.experimental?.["openai/message"]?.draft!==void 0,r=n.draft!==void 0&&t?n.draft:n.sent;X(await this.#n("ui/message",{role:"user",content:[{type:"text",text:r}],...r===n.draft?{_meta:{"openai/message":{target:"active",send:!1}}}:{}}))}async updateModelContext(n){X(await this.#n("ui/update-model-context",{content:[{type:"text",text:n}]}))}async openLink(n){if(window.openai?.openExternal)try{await window.openai.openExternal({href:n,redirectUrl:!1});return}catch{}X(await this.#n("ui/open-link",{url:n}))}#r(n,t){window.parent.postMessage({jsonrpc:"2.0",method:n,params:t},"*")}#n(n,t,r){let a=this.#a++;return new Promise((s,i)=>{let d=setTimeout(()=>{r?this.#e.set(a,{resolve:r,reject:()=>{}}):this.#e.delete(a),i(new Error(`${n} timed out`))},6e4);this.#e.set(a,{resolve:u=>{clearTimeout(d),s(u)},reject:u=>{clearTimeout(d),i(u)}}),window.parent.postMessage({jsonrpc:"2.0",id:a,method:n,params:t},"*")})}#s(n){if(!(!n||n.jsonrpc!=="2.0")){if(n.method===void 0){let t=typeof n.id=="number"?this.#e.get(n.id):void 0;if(!t)return;this.#e.delete(n.id),n.error?t.reject(n.error):t.resolve(n.result);return}for(let t of this.#t.get(n.method)??[])t(n.params);n.id!==void 0&&window.parent.postMessage({jsonrpc:"2.0",id:n.id,result:{}},"*")}}};function X(e){if(e?.isError===!0)throw new Error("The host refused it")}function Ke(e){document.documentElement.setAttribute("data-theme",e),document.documentElement.style.colorScheme=e}function ze(e){for(let[n,t]of Object.entries(e))t!==void 0&&document.documentElement.style.setProperty(n,t)}var oe=[];function Y(e){e?.theme&&Ke(e.theme);let n=e?.["openai/interactionCursor"],t={...e?.styles?.variables,"--cursor-interaction":typeof n=="string"&&/^[a-z-]+$/.test(n)?n:void 0};for(let r of oe)t[r]===void 0&&document.documentElement.style.removeProperty(r);ze(t),oe=Object.keys(t).filter(r=>t[r]!==void 0)}function I(e=0){return Math.min(2e3*2**e,16e3)}var o=(e,n=[])=>({state:e,effects:n}),g=(e,n=[])=>({state:{view:e,busy:!1},effects:n}),y=(e,n)=>({type:"call",call:{tool:e,args:n}}),h=(e,n)=>({...e,effects:[{type:"context",text:n},...e.effects]});function ue(e){return(n,t)=>{let r=e(n,t.type==="result"||t.type==="reply"?{...t,result:We(t.result)}:t),a=r.state.view===n.view?n.seq:n.seq+1;return{state:{...r.state,seq:a},effects:r.effects.map(s=>s.type==="call"?{...s,call:{...s.call,seq:a}}:s)}}}function T(e,n){return n.seq!==e.seq}function We(e){let n=e._meta?.["chickpea/held"],t=e.structuredContent;if(!f(n)||!f(t))return e;let r=typeof n.confirmToken=="string"?n.confirmToken:void 0,a=typeof n.undoToken=="string"?n.undoToken:void 0;return{...e,structuredContent:{...t,...a?{undoToken:a}:{},...r&&f(t.confirmation)?{confirmation:{...t.confirmation,confirmToken:r}}:{}}}}var b="That did not work. Try again.",B="Chickpea could not be reached. Try again.",D={kind:"notice",title:"Nothing to show here."};function m(e){return typeof e=="string"&&URL.parse(e)?.protocol==="https:"?e:void 0}var de=60;function x(e,n){let t=e.length>de?`${e.slice(0,de-1)}\u2026`:e;return`the Agent ${JSON.stringify(t)}${n?` (@${n})`:""}`}function le(e,n){return typeof n!="object"||n===null||Array.isArray(n)?e:{...e,_meta:{...n,...e._meta}}}var ce=200;function C(e){let n=e.replace(/\s+/g," ").trim();return n.length>ce?`${n.slice(0,ce-1)}\u2026`:n}function pe(e,n){if(n.length===0)return`Try it: message @${e} in Slack.`;let t=n.length<=2?n.join(" or "):`${n.slice(0,-1).join(", ")} or ${n.at(-1)}`;return`Try it: mention @${e} in ${t}.`}function f(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function _(e){if(!e.isError)return;let n=f(e.structuredContent)?e.structuredContent.error:void 0;return f(n)&&typeof n.message=="string"?n.message:b}function U(e){let n=f(e.structuredContent)?e.structuredContent.error:void 0;return e.isError&&f(n)&&typeof n.code=="string"?n.code:void 0}function ge(e){return e===void 0||f(e)&&typeof e.label=="string"&&(typeof e.url=="string"||typeof e.tool=="string"&&f(e.arguments))}function fe(e){return e.tool==="reconnect_service"||e.tool==="connect_model_provider"||e.tool==="connect_service"&&!("custom"in e.arguments)}function me(e){let n=e._meta?.["chickpea/tool"];return typeof n=="string"?n:void 0}function ke(e){return n=>{try{return e(n)}catch{return{busy:n.busy,error:n.error,avatar:"none",title:D.title,blocks:[],buttons:[]}}}}var ye=(e,n,t)=>`<svg viewBox="0 0 44 44" aria-hidden="true" focusable="false"><rect width="44" height="44" rx="12" fill="${e}"/><path d="M22 6c-9 0-14 8-14 18v14h28V24C36 14 31 6 22 6z" fill="${n}"/><path d="M22 12c-6 0-9.5 6-9.5 13.5S16 38 22 38s9.5-5 9.5-12.5S28 12 22 12z" fill="${t}"/><circle cx="18.5" cy="26" r="1.3" fill="#3a2a1e"/><circle cx="25.5" cy="26" r="1.3" fill="#3a2a1e"/><path d="M20.5 30.2q1.5 1.2 3 0" stroke="#3a2a1e" stroke-width="1.1" fill="none" stroke-linecap="round"/></svg>`,Ge={agent:ye("#3a2a1e","#E8901A","#f3d9b1"),alert:ye("#2a1f2e","#c2453a","#f1d3b8")},Je={done:"done",now:"in progress",todo:"to do",failed:"failed"},he={done:{glyph:"\u2713",words:"done"},now:{glyph:"",words:"in progress"},failed:{glyph:"!",words:"needs attention"},warning:{glyph:"!",words:"warning"},unknown:{glyph:"?",words:"unknown"}};function c(e,n,t){let r=document.createElement(e);return n&&(r.className=n),t!==void 0&&(r.textContent=t),r}var be=new Set;function we(e,n,t){let r=c("span",`cp-avatar cp-avatar-${n}`),a=()=>{r.innerHTML=Ge[e]};if(!t||be.has(t))return a(),r;e==="alert"&&r.classList.add("cp-avatar-alert");let s=c("img");return s.alt="",s.decoding="async",s.addEventListener("error",()=>{be.add(t),a()},{once:!0}),s.src=t,r.append(s),r}function Xe(e){let n=c("p","cp-sub");for(let t of e)n.append(t.tone?c("span",`cp-${t.tone}`,t.text):t.text);return n}function Ye(e,n,t){switch(e.kind){case"text":return c("p","cp-text",e.text);case"quote":return c("blockquote","cp-quote",e.text);case"section":return c("h3","cp-sect",e.label);case"note":return c("p",`cp-note${e.tone?` cp-${e.tone}`:""}`,e.text);case"exchange":{let r=c("div","cp-thread"),a=c("div","cp-msg"),s=c("div","cp-who","You");s.append(c("span","cp-who-note","example"));let i=c("div");i.append(s,c("div","cp-said",e.ask)),a.append(c("span","cp-init","Y"),i);let d=c("div","cp-msg"),u=c("div");return u.append(c("div","cp-who",e.agent),c("div","cp-said",e.answer)),d.append(we(n,"sm",t),u),r.append(a,d),r}case"facts":{let r=c("dl","cp-facts");for(let a of e.rows){let s=c("dd",void 0,a.value);for(let i of a.chips??[])s.append(c("span","cp-chip",i)," ");a.note&&s.append(c("span","cp-faint",a.note)),r.append(c("dt",void 0,a.label),s)}return r}case"steps":{let r=c("ul","cp-steps");for(let{label:a,state:s}of e.steps){let i=c("li"),d=c("span",`cp-ic cp-ic-${s}`,s==="done"?"\u2713":s==="failed"?"!":"");d.setAttribute("aria-hidden","true"),i.append(d,a,c("span","sr-only",` (${Je[s]})`)),r.append(i)}return r}case"rows":{let r=c("ul","cp-rows");return r.append(...e.rows.map(Qe)),r}case"panes":{let r=c("div","cp-panes");for(let{label:a,text:s}of e.panes){let i=c("section","cp-pane");i.append(c("h3","cp-pane-label",a),c("div","cp-pane-text",s)),r.append(i)}return r}}}function Qe(e){let n=c("li","cp-row");if(e.icon==="tile"){let a=c("span","cp-tile",e.tile??"");a.setAttribute("aria-hidden","true"),n.append(a)}else{let a=he[e.icon],s=c("span",`cp-ic cp-ic-${e.icon}`,a.glyph);s.setAttribute("aria-hidden","true"),n.append(s)}let t=c("div","cp-row-body"),r=c("div","cp-row-title",e.title);if(e.icon!=="tile"&&r.append(c("span","sr-only",` (${he[e.icon].words})`)),t.append(r),e.detail&&t.append(c("div",`cp-row-detail${e.tone?` cp-${e.tone}`:""}`,e.detail)),n.append(t),e.control){let{label:a,action:s,style:i}=e.control;n.append(xe(a,s,i==="link"?"cp-link cp-link-go":i==="toggle"?"cp-link":`btn btn-sm cp-btn-${i}`))}return n}function xe(e,n,t){let r=c("button",`${t} cursor-interaction`,e);return r.type="button",r.dataset.action=n,r}function Ae(e,n){let t=c("p","sr-only");t.setAttribute("aria-live","polite");let r=c("main","cp-card"),a=c("div","cp-content"),s=c("div","cp-acts"),i=c("p","cp-error");i.setAttribute("role","alert"),r.append(a,s,i),e.replaceChildren(t,r),r.addEventListener("click",l=>{let p=l.target?.closest("button[data-action]");p instanceof HTMLButtonElement&&!p.disabled&&n(p.dataset.action)});let d="",u="",k=new Map;return{render(l){let p=JSON.stringify(l);if(p===d)return;d=p;let A=r.contains(document.activeElement),S=l.announce??l.title;t.textContent!==S&&(t.textContent=S);let N=c("header","cp-hdr"),ae=l.avatar==="none"?"agent":l.avatar,{avatarUrl:G}=l;l.avatar!=="none"&&N.append(we(l.avatar,"lg",G));let J=c("div","cp-heading"),R=c("h2","cp-title");if(R.tabIndex=-1,l.done){let w=c("span","cp-ok","\u2713 ");w.setAttribute("aria-hidden","true"),R.append(w)}R.append(l.title),J.append(R),l.subtitle&&J.append(Xe(l.subtitle)),N.append(J);let O=new Map,He=l.blocks.map(w=>{let P=JSON.stringify([w,ae,G]),ie=!O.has(P)&&k.get(P)||Ye(w,ae,G);return O.has(P)||O.set(P,ie),ie});k=O,a.replaceChildren(N,...He,...l.foot?[c("p","cp-foot",l.foot)]:[]);let se=JSON.stringify(l.buttons);se!==u&&(u=se,s.replaceChildren(...l.buttons.map(w=>xe(w.label,w.action,`btn cp-btn-${w.tone}`)))),s.hidden=l.buttons.length===0;for(let w of r.querySelectorAll("button"))w.disabled=l.busy,w.toggleAttribute("aria-busy",l.busy);i.textContent=l.error??"",i.hidden=!l.error,A&&!r.contains(document.activeElement)&&R.focus({preventScroll:!0})}}}var Ze=1e3;function _e(e,n){let t=new L({name:e,version:String(6)}),r=en(),a=r?{view:r.view,busy:!1,seq:r.seq}:n.initial,s,i=0,d=Ae(document.getElementById("card"),p=>u({type:"press",action:p,now:Date.now()}));function u(p){let A=n.step(a,p),S=A.state.view!==a.view;a=A.state,S&&nn(a),d.render(n.present(a));for(let N of A.effects)k(N)}function k(p){switch(p.type){case"call":{let A=S=>u({type:"reply",call:p.call,result:S,now:Date.now()});t.callTool(p.call.tool,p.call.args,A).then(A,()=>u({type:"unreachable",call:p.call,now:Date.now()}));return}case"timer":clearTimeout(s),s=setTimeout(()=>u({type:"tick",now:Date.now()}),p.inMs);return;case"message":t.sendMessage(p).catch(()=>u({type:"refused",effect:p,now:Date.now()}));return;case"open":t.openLink(p.url).catch(()=>u({type:"refused",effect:p,now:Date.now()}));return;case"context":t.updateModelContext(p.text).catch(()=>{});return}}function l(){let p=Date.now();p-i<Ze||a.view.kind==="waiting"||(i=p,u({type:"reread",now:p}))}t.on("ui/notifications/tool-result",p=>{r||a.view.kind!=="waiting"||(u({type:"result",result:le(p,window.openai?.toolResponseMetadata),now:Date.now()}),l())}),t.on("ui/notifications/tool-cancelled",()=>u({type:"no_result",now:Date.now()})),t.on("ui/notifications/host-context-changed",()=>Y(t.hostContext)),window.addEventListener("focus",l),document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&l()}),d.render(n.present(a)),t.connect().then(()=>{Y(t.hostContext),r&&l()},()=>u({type:"no_result",now:Date.now()}))}function en(){let n=window.openai?.widgetState?.privateContent?.card,t=n?.view;return n?.version===6&&t&&typeof t.kind=="string"?{view:t,seq:n.seq??0}:void 0}function nn({view:e,seq:n}){if(e.kind==="waiting")return;let t={version:6,view:e,seq:n};Promise.resolve(window.openai?.setWidgetState?.({privateContent:{card:t}})).catch(()=>{})}function F(e){let n=e.flatMap(({name:r})=>r?[`#${r.replace(/^#/,"")}`]:[]),t=e.length-n.length;return t===0?n:[...n,t===1?"a private Channel":`${t} private Channels`]}function Ce(e,n){let t=e.quotedWhole?"":` (${an(e.words)})`;if(e.kind==="section")return`${e.action==="adds"?`Adds a new section, ${n(e.heading)}${e.quote?`: ${n(e.quote)}`:""}`:`Removes the section ${n(e.heading)}`}${t}`;let r=tn[e.action],a=rn(e.place,n);return`${a?`${a}, ${r}`:`${r[0].toUpperCase()}${r.slice(1)}`}: ${n(e.quote)}${t}`}var tn={adds:"adds",removes:"removes",changes:"changes wording to"};function rn(e,n){switch(e.kind){case"heading":return`Under ${n(e.heading)}`;case"start":return"At the start";case"end":return"At the end";case"none":return}}function an(e){return e<10?`${e} ${e===1?"word":"words"}`:`about ${(e<1e3?Math.round(e/10)*10:Math.round(e/100)*100).toLocaleString("en-US")} words`}var E=3*6e4,sn=5e3,on=6e4,dn=60*6e4;function ee(e,n){return ne({kind:"first_answer",tested:e,key:`try:${e.agentId}:${n}`,keyedAt:n,startedAt:n,stage:{kind:"asking"}})}function ne(e){return{state:{view:e,busy:!0},effects:[y("try_agent_once",{agentId:e.tested.agentId,idempotencyKey:e.key})]}}function q(e){return y("get_test_run",{runToken:e})}function Se(e,n){switch(n.type){case"press":return e.busy?o(e):cn(e,n.action,n.now);case"reply":return T(e,n.call)?o(e):ln(e,n.call.tool,n.result,n.now);case"unreachable":return T(e,n.call)?o(e):bn(e,n.call.tool,n.now);case"refused":return un(e,n.effect);case"tick":return wn(e,n.now);case"reread":return e.busy?o(e):xn(e);default:return o(e)}}function cn(e,n,t){let{view:r}=e,{stage:a,tested:s}=r;switch(n){case"try_once":return a.kind==="lost"||a.kind==="stopped"&&(a.then==="again"||a.then==="fix"&&a.acted!==void 0)?t-r.keyedAt<dn-E-6e4?ne({...r,startedAt:t,stage:{kind:"asking"}}):ee(s,t):o(e);case"try_fix":{let i=a.kind==="stopped"?a.fix:void 0;return a.kind!=="stopped"||!i?o(e):"url"in i?g({...r,stage:{...a,acted:{kind:"page",url:i.url}}},[{type:"open",url:i.url}]):fe(i)?{state:{view:{...r,stage:{...a,fixing:!0}},busy:!0},effects:[y(i.tool,i.arguments)]}:g({...r,stage:{...a,acted:{kind:"chat"}}},[Te(r,i)])}case"open_slack":return s.slackUrl?o(e,[{type:"open",url:s.slackUrl}]):o(e);case"change_something":return a.kind==="answered"?o(e,[{type:"message",draft:`Change ${s.name}: `,sent:`Change ${s.name}: `}]):o(e);default:return o(e)}}function Te(e,n){return{type:"message",sent:`${n.label} for ${e.tested.name}.`}}function un(e,n){let{view:t}=e,{stage:r,tested:a}=t;if(r.kind==="stopped"&&r.acted&&(r.acted.kind==="page"?n.type==="open"&&n.url===r.acted.url:n.type==="message")){let{acted:i,...d}=r;return o({view:{...t,stage:d},busy:!1,error:b})}return(n.type==="open"?n.url===a.slackUrl&&(r.kind==="answered"||r.kind==="stopped"||r.kind==="slow"):r.kind==="answered")?o({...e,error:b}):o(e)}function ln(e,n,t,r){let{view:a}=e,{stage:s}=a;return n==="try_agent_once"&&s.kind==="asking"?pn(a,s,t,r):n==="get_test_run"&&(s.kind==="running"||s.kind==="slow")?fn(e,t,r):s.kind==="stopped"&&s.fixing?hn(a,s,t):o({...e,busy:!1})}function pn(e,n,t,r){let a=U(t);if(t.isError&&a===void 0)return Ee(e,n,r);if(a==="in_progress"){let i=n.heldSince??r;return r-i>=on?K(e,_(t)??b,"again"):gn(e,i)}if(a!==void 0)return kn(e,a,t);let s=Ne(t.structuredContent);return s?Z(n.heldSince===void 0?e:{...e,startedAt:r},s,r):K(e,Re(e),"slack")}function gn(e,n){return{state:{view:{...e,stage:{kind:"asking",heldSince:n,retry:!0}},busy:!0},effects:[{type:"timer",inMs:sn}]}}function Ee(e,n,t){if(t-e.startedAt>=E)return M(e,void 0);let r=(n.failures??0)+1;return{state:{view:{...e,stage:{...n,failures:r,retry:!0}},busy:!0},effects:[{type:"timer",inMs:I(r-1)}]}}function fn(e,n,t){let{view:r}=e,{stage:a}=r;if(U(n)==="not_found")return H(r,{kind:"stopped",problem:_(n),then:"slack"},j(r,"but its answer is no longer there"));let i=n.isError?void 0:Ne(n.structuredContent);return a.kind==="slow"?i&&i.status!=="running"?Z(r,i,t):o({...e,busy:!1}):a.kind!=="running"?o({...e,busy:!1}):i?Z(r,i,t):$e(r,a,t)}function $e(e,n,t){if(t-e.startedAt>=E)return M(e,n.runToken);let r=(n.failures??0)+1;return{state:{view:{...e,stage:{...n,failures:r,retry:!0}},busy:!0},effects:[{type:"timer",inMs:I(r-1)}]}}function Z(e,n,t){switch(n.status){case"answered":return H(e,{kind:"answered",ask:n.ask,reply:n.reply??"",read:n.read??[]},j(e,"and it answered its first question there"));case"failed":return H(e,{kind:"stopped",problem:n.problem??An(e),then:"slack"},j(e,"but it did not finish answering"));case"running":{if(t-e.startedAt>=E)return M(e,n.runToken);let r={kind:"running",runToken:n.runToken,ask:n.ask};return{state:{view:e.stage.kind==="running"&&e.stage.runToken===n.runToken&&!e.stage.retry&&!e.stage.failures?e:{...e,stage:r},busy:!0},effects:[q(n.runToken)]}}}}function M(e,n){return H(e,{kind:"slow",...n?{runToken:n}:{}},j(e,"but its answer did not come back in time"))}function H(e,n,t){return h(g({...e,stage:n}),t)}function j(e,n){return`The person ran ${x(e.tested.name,e.tested.handle)} once from the card, ${n}.`}var mn=new Set(["needs_setup","not_testable","model_unavailable","not_allowed","usage_limit","not_found","temporarily_unavailable"]);function kn(e,n,t){if(!mn.has(n))return K(e,Re(e),"slack");let r=f(t.structuredContent)?t.structuredContent.error:void 0,a=f(r)?yn(r.fix):void 0,s=a?"fix":f(r)&&r.retryable===!0?"again":"slack";return K(e,_(t)??b,s,a)}function yn(e){if(!(!ge(e)||e===void 0))return"url"in e&&m(e.url)===void 0?void 0:e}function K(e,n,t,r){return h(g({...e,stage:{kind:"stopped",problem:n,then:t,...r?{fix:r}:{}}}),`The person pressed "See its first answer" for ${x(e.tested.name,e.tested.handle)} on the card, but the test run did not start.`)}function hn(e,n,t){let{fixing:r,...a}=n,s=_(t),i=t.structuredContent,d=!s&&f(i)&&f(i.setup)?i.setup:void 0,u=m(d?.url);if(!u||!n.fix){let k=f(i)&&typeof i.summary=="string"?i.summary:void 0;return o({view:{...e,stage:a},busy:!1,error:s??k??b})}return typeof d?.setupToken!="string"?g({...e,stage:{...a,acted:{kind:"chat"}}},[Te(e,n.fix)]):h(g({...e,stage:{...a,acted:{kind:"page",url:u}}},[{type:"open",url:u}]),`The person opened Chickpea's page to ${C(n.fix.label)} for ${x(e.tested.name,e.tested.handle)} from the card. They can try it again once they finish there.`)}function bn(e,n,t){let{view:r}=e,{stage:a}=r;if(n==="try_agent_once"&&a.kind==="asking")return Ee(r,a,t);if(n==="get_test_run"&&a.kind==="running")return $e(r,a,t);if(a.kind==="stopped"&&a.fixing){let{fixing:s,...i}=a;return o({view:{...r,stage:i},busy:!1,error:B})}return o({...e,busy:!1})}function wn(e,n){let{view:t}=e,{stage:r}=t;if(!e.busy||!("retry"in r)||!r.retry)return o(e);if(r.kind==="asking"){let{retry:i,...d}=r;return r.heldSince===void 0&&n-t.startedAt>=E?M(t,void 0):ne({...t,stage:d})}if(n-t.startedAt>=E)return M(t,r.runToken);let{retry:a,...s}=r;return{state:{view:{...t,stage:s},busy:!0},effects:[q(r.runToken)]}}function xn(e){let{view:n}=e,{stage:t}=n;switch(t.kind){case"asking":return g({...n,stage:{kind:"lost"}});case"running":{let{retry:r,failures:a,...s}=t;return{state:{view:{...n,stage:s},busy:!0},effects:[q(t.runToken)]}}case"slow":return t.runToken?{state:{view:n,busy:!0},effects:[q(t.runToken)]}:o(e);default:return o(e)}}function Ne(e){if(!(!f(e)||typeof e.runToken!="string"||typeof e.ask!="string")&&!(e.status!=="running"&&e.status!=="answered"&&e.status!=="failed"))return{status:e.status,runToken:e.runToken,ask:e.ask,...typeof e.reply=="string"?{reply:e.reply}:{},...Array.isArray(e.read)?{read:e.read.filter(n=>typeof n=="string")}:{},...typeof e.problem=="string"?{problem:e.problem}:{}}}function Re(e){return`The test run didn't start. Ask ${e.tested.name} in Slack instead.`}function An(e){return`The test run didn't finish. Ask ${e.tested.name} in Slack instead.`}var Q="A test run: it makes only read requests and sends nothing to Slack.",_n="A test run: it made only read requests and sent nothing to Slack.";function Ie(e){let{tested:n,stage:t}=e,r=`${n.name}'s first answer`,a={avatar:"agent",avatarUrl:n.avatarUrl,title:r},s=n.slackUrl?[{label:"Open in Slack",action:"open_slack",tone:"primary"}]:[];switch(t.kind){case"asking":{let i=t.heldSince===void 0?`Asking ${n.name} its first question`:"Waiting for another test run in this workspace to finish";return{...a,announce:`${r}. ${i}.`,subtitle:[{text:Q}],blocks:[{kind:"steps",steps:[{label:i,state:"now"}]}],buttons:[]}}case"running":return{...a,announce:`${r}. ${n.name} is answering.`,subtitle:[{text:Q}],blocks:[ve(t.ask),{kind:"steps",steps:[{label:`${n.name} is answering`,state:"now"}]}],buttons:[]};case"answered":{let i=Sn(n,t.ask),d=Tn(t.reply).trim()||"It gave no answer.";return{...a,announce:`${r}. It answered.`,subtitle:[{text:_n}],blocks:[ve(t.ask),{kind:"panes",panes:[...i?[{label:"What we promised",text:i}]:[],{label:"What it answered",text:d}]},...t.read.length?[{kind:"note",text:`It read ${En(t.read)}.`}]:[]],buttons:[...s,{label:"Change something",action:"change_something",tone:"secondary"}]}}case"stopped":return{...a,announce:`${r}. ${t.problem}`,blocks:[{kind:"text",text:t.problem},...t.acted?[{kind:"note",text:Cn[t.acted.kind]}]:[]],buttons:vn(t,s)};case"slow":{let i=`Its answer is taking longer than it should. Ask ${n.name} in Slack instead.`;return{...a,announce:`${r}. ${i}`,blocks:[{kind:"text",text:i}],buttons:s}}case"lost":{let i="This card closed before the test run answered.";return{...a,announce:`${r}. ${i}`,subtitle:[{text:Q}],blocks:[{kind:"text",text:i}],buttons:[{label:"See its first answer",action:"try_once",tone:"primary"}]}}}}var Cn={page:"Finish on the Chickpea page that opened, then try again.",chat:"Finish it in the chat, then try again."};function vn(e,n){let t={label:"Try again",action:"try_once",tone:"primary"},r=s=>e.fix?[{label:e.fix.label,action:"try_fix",tone:s}]:[],a=n.map(s=>({...s,tone:"secondary"}));switch(e.then){case"again":return[t,...a];case"fix":return e.acted?[t,...r("secondary")]:[...r("primary"),...a];case"slack":return n}}function ve(e){return{kind:"note",text:`First question: \u201C${e}\u201D`}}function Sn(e,n){let{promised:t}=e,r=a=>a.replace(/\s+/g," ").trim();return t&&r(t.ask)===r(n)?t.answer:void 0}function Tn(e){let n=[],t=r=>`\0${n.push(r)-1}\0`;return e.replace(/\u0000/g,"").replace(/^[ \t]*```[^\n]*\n([\s\S]*?)^[ \t]*```[ \t]*$\n?/gm,(r,a)=>t(a)).replace(/^[ \t]*```.*$\n?/gm,"").replace(/`([^`\n]+)`/g,(r,a)=>t(a)).replace(/!?\[([^\]\n]*)\]\([^)\n]*\)/g,"$1").replace(/^[ \t]*\|?(?:[ \t]*:?-+:?[ \t]*\|)+(?:[ \t]*:?-+:?[ \t]*)?$\n?/gm,"").replace(/^[ \t]*\|(.*)\|[ \t]*$/gm,(r,a)=>a.split("|").map(s=>s.trim()).join(" \xB7 ")).replace(/^[ \t]*([-*_])(?:[ \t]*\1){2,}[ \t]*$\n?/gm,"").replace(/^[ \t]*(?:>[ \t]?)+/gm,"").replace(/^#{1,6}[ \t]+/gm,"").replace(/^([ \t]*)[-*+][ \t]+/gm,"$1\u2022 ").replace(/(\*\*|__|~~)(?=\S)([^\n]*?\S)\1/g,"$2").replace(/(^|[^\w*])\*(?=[^\s*])([^*\n]*?[^\s*])\*(?![\w*])/gm,"$1$2").replace(/(^|[^\w_])_(?=[^\s_])([^_\n]*?[^\s_])_(?![\w_])/gm,"$1$2").replace(/\u0000(\d+)\u0000/g,(r,a)=>n[Number(a)]??"")}function En(e){return e.length<=2?e.join(" and "):`${e.slice(0,-1).join(", ")} and ${e.at(-1)}`}var Nn=new Set(["get_creation_status","get_agent"]),Me={view:{kind:"waiting"},busy:!1,seq:0},Ve=ue(Rn);function Rn(e,n){let{view:t}=e;if(t.kind==="first_answer"&&n.type!=="result")return Se({...e,view:t},n);switch(n.type){case"result":return In(n.result,n.now);case"press":return e.busy?o(e):Un(e,n.action,n.now);case"reply":return T(e,n.call)&&!Mn(e,n.call)?o(e):Vn(e,n.call,n.result,n.now);case"unreachable":return T(e,n.call)?o(e):Nn.has(n.call.tool)?e.view.kind!=="creating"?o(e):te({...e.view,failures:(e.view.failures??0)+1},n.now):o({view:e.view.kind==="starting"?e.view.from:e.view,busy:!1,error:B});case"refused":return o({...e,error:b});case"no_result":return e.view.kind==="waiting"?g(D):o(e);case"tick":return e.busy?o(e):Pn(e,n.now);case"reread":return e.busy?o(e):Pe(e,n.now)}}function In(e,n){let t=_(e);if(t)return g({kind:"notice",title:t});let r=e.structuredContent;if(Dn(r))return g({kind:"proposal",proposal:r});if(qn(r))return g({kind:"change",preview:r});if(v(r)){let a=me(e);return a==="create_agent"&&r.status==="done"&&r.agent?Oe(r,{answersIn:[],needs:[]},n):$(r,n,{saved:a==="update_agent",undone:a==="undo_change"})}return g(D)}function $(e,n,t={}){switch(e.status){case"needs_confirmation":return e.confirmation?W(e.confirmation,n)?g(V):g({kind:"confirm",confirmation:e.confirmation,...e.agent?{agent:e.agent,avatarUrl:m(e.agent.avatarUrl),adminUrl:m(e.agent.links?.admin)}:{}},[Le(e.confirmation,n)]):g({kind:"notice",title:e.summary});case"done":{let{agent:r}=e;return g({kind:"done",summary:e.summary,...r?{agent:{agentId:r.agentId,name:r.name,handle:r.handle},avatarUrl:m(r.avatarUrl),status:r.status,channels:F(r.channels??[]),slackUrl:m(r.links?.slack)}:{},undoToken:t.undone?void 0:e.undoToken,version:e.version,...t.saved?{saved:!0}:{}})}default:return g({kind:"notice",title:e.summary})}}function Oe(e,n,t){let r=e.agent;return g({kind:"creating",agentId:r.agentId,agent:{name:r.name,handle:r.handle},avatarUrl:m(r.avatarUrl)??n.avatarUrl,workspaceName:n.workspaceName,answersIn:n.answersIn,needs:n.needs,adminUrl:m(r.links?.admin),startedAt:t,...n.byPress?{byPress:!0}:{},...n.promised?{promised:n.promised}:{}},[y("get_creation_status",{agentId:r.agentId})])}function Un(e,n,t){let{view:r}=e,a=s=>o({view:r,busy:!0},[s]);switch(n){case"create":return r.kind==="proposal"?Ue(r,r.proposal.create.arguments):o(e);case"create_anyway":return r.kind==="similar"?Ue(r,{...r.create,createEvenIfSimilar:!0,idempotencyKey:`${r.create.idempotencyKey}:anyway`}):o(e);case"change_something":{let s=r.kind==="proposal"?r.proposal.proposal.name:r.kind==="similar"?r.name:void 0;return s?o(e,[{type:"message",draft:`Change ${s}: `,sent:`Change ${s}: `}]):o(e)}case"save":return r.kind==="change"&&!r.stale?a(y("update_agent",r.preview.save.arguments)):o(e);case"cancel":return r.kind==="change"?h(g({kind:"notice",title:"Not saved",body:"Nothing changed."}),`The person cancelled this change to ${x(r.preview.agent.name)} on the card. Nothing was saved.`):o(e);case"confirm":return r.kind!=="confirm"||!r.confirmation.confirmToken?o(e):W(r.confirmation,t)?g(V):a(y("confirm_change",{confirmToken:r.confirmation.confirmToken}));case"keep":return r.kind!=="confirm"||!r.confirmation.confirmToken?o(e):a(y("decline_change",{confirmToken:r.confirmation.confirmToken}));case"undo":return r.kind==="done"&&r.undoToken?a(y("undo_change",{undoToken:r.undoToken,idempotencyKey:`undo:${r.undoToken}`})):o(e);case"open_slack":{let s=Bn(r);return s?o(e,[{type:"open",url:s}]):o(e)}case"open_admin":{let s=r.kind==="ready"||r.kind==="creating"||r.kind==="confirm"&&Be(r)?r.adminUrl:void 0;return s?o(e,[{type:"open",url:s}]):o(e)}case"next_step":{let s=r.kind==="ready"?r.needs[0]:void 0;return s&&r.kind==="ready"?o(e,[{type:"message",sent:`Connect ${s.name} to ${r.agent.name}.`}]):o(e)}case"check_again":return Pe(e,t);case"try_once":return r.kind==="ready"&&qe(r)?ee(Fn(r),t):o(e);case"try_fix":return o(e)}}function Fn(e){return{agentId:e.agentId,name:e.agent.name,handle:e.agent.handle,avatarUrl:e.avatarUrl,slackUrl:m(e.status.slackUrl),promised:e.promised}}function Mn(e,n){let{view:t}=e;if(e.busy||n.tool!=="create_agent")return!1;let r=n.args.idempotencyKey;return t.kind==="proposal"?r===t.proposal.create.arguments.idempotencyKey:t.kind==="similar"&&r===`${t.create.idempotencyKey}:anyway`}function Ue(e,n){return{state:{view:{kind:"starting",from:e},busy:!0},effects:[y("create_agent",n)]}}function Vn(e,n,t,r){let{view:a}=e,s=_(t),i=U(t),d=t.structuredContent;switch(n.tool){case"create_agent":{let u=a.kind==="starting"?a.from:a.kind==="proposal"||a.kind==="similar"?a:void 0;if(s||!v(d))return o({view:u??a,busy:!1,error:s??b});let k=u?.kind==="proposal"?u.proposal.proposal:void 0;if(d.status==="done"&&d.agent){let{name:l,handle:p}=d.agent;return h(Oe(d,{answersIn:F(k?.answersIn??[]),needs:k?.needs??[],workspaceName:k?.workspaceName,avatarUrl:re(u),byPress:!0,promised:Fe(u)},r),`The person created ${x(l,p)} from the card. It is joining Slack now.`)}if(d.status==="similar_agent_exists"&&u){let l=u.kind==="proposal"?u.proposal.create.arguments:u.create,p=Fe(u);return h(g({kind:"similar",summary:d.summary,create:l,name:l.name,avatarUrl:re(u),...p?{promised:p}:{}}),`The person pressed Create in Slack on the card, but nothing was created: ${C(d.summary)}`)}return $(d,r)}case"get_creation_status":return i==="not_found"?z(e,"unavailable"):On(e,s?void 0:d,r);case"update_agent":{if(s||!v(d))return a.kind==="change"&&i==="changed_since_read"?o({view:{...a,stale:!0},busy:!1,error:s}):o({view:a,busy:!1,error:s??b});let u=a.kind==="change"?a.preview.agent.name:d.agent?.name,k=u===void 0?"the Agent":x(u);return h($(d,r,{saved:!0}),d.status==="needs_confirmation"?`The person pressed Save on the card for ${k}. Nothing has changed yet: it waits for their confirmation on the card.`:u===void 0?`The person saved the change from the card. ${C(d.summary)}`:`The person saved the change to ${k} from the card.`)}case"confirm_change":return i==="confirmation_expired"?g(V):s||!v(d)?i==="temporarily_unavailable"||!s?o({view:a,busy:!1,error:s??b}):h(g({kind:"notice",title:"Nothing changed",body:s}),`The person confirmed on the card, but nothing changed: ${s}`):h($(d,r),`The person confirmed on the card. ${C(d.summary)}`);case"decline_change":{if(!(s?i==="not_found":v(d)))return o({view:a,busy:!1,error:s??b});let k=a.kind==="confirm"?a.confirmation.ask.keep:"Keep it";return!s&&v(d)&&d.status==="done"?h($(d,r),`On the card, the person pressed "${k}", but the change was already made. ${C(d.summary)}`):h(g(Ln),`On the card, the person pressed "${k}", so nothing changed. Make this change only if they ask for it again.`)}case"undo_change":return s||!v(d)?o({view:(i==="nothing_to_undo"||i==="changed_since_read")&&a.kind==="done"?{...a,undoToken:void 0}:a,busy:!1,error:s??b}):h($(d,r,{undone:!0}),d.status==="needs_confirmation"?"The person pressed Undo on the card. Nothing has changed yet: it waits for their confirmation on the card.":`The person undid the change${a.kind==="done"&&a.agent?` to ${x(a.agent.name)}`:""} from the card.`);case"get_agent":{if(e.busy)return o(e);if(i==="not_found")return z(e,"unavailable");let u=s?void 0:d;return typeof u?.version!="string"?o(e):u.status==="archived"?z(e,"archived"):a.kind==="change"&&u.version!==a.preview.save.arguments.version?o({...e,view:{...a,stale:!0}}):a.kind==="done"&&a.undoToken&&u.version!==a.version?o({...e,view:{...a,undoToken:void 0}}):o(e)}default:return o({...e,busy:!1})}}function z(e,n){let{view:t}=e,r=t.kind==="creating"||t.kind==="ready"||t.kind==="done"?t.agent:t.kind==="change"?t.preview.agent:void 0;if(!r)return o(e);let a=t.kind==="change"?m(t.preview.agent.avatarUrl):"avatarUrl"in t?t.avatarUrl:void 0;return g({kind:"gone",agent:{name:r.name,handle:r.handle},why:n,avatarUrl:a})}function On(e,n,t){let{view:r}=e;if(r.kind!=="creating"&&r.kind!=="ready")return o(e);if(!n||typeof n.stage!="string")return r.kind==="creating"?te({...r,failures:(r.failures??0)+1},t):o(e);if(n.agent?.status==="archived")return z(e,"archived");let a=m(n.agent?.avatarUrl)??r.avatarUrl;if(!(n.stage==="needs_attention"||n.stage!=="joining"&&n.channels!=="joining")){let{failures:u,...k}=r.kind==="creating"?r:{...r,kind:"creating",startedAt:t};return te({...k,avatarUrl:a,status:n},t)}let i=g({kind:"ready",agentId:r.agentId,agent:r.agent,avatarUrl:a,answersIn:r.answersIn,needs:r.needs,adminUrl:r.adminUrl,status:n,...r.promised?{promised:r.promised}:{}});if(r.kind!=="creating"||!r.byPress)return i;let d=x(r.agent.name,r.agent.handle);return h(i,n.stage==="needs_attention"?`The person created ${d} from the card, but it needs attention in Slack: ${n.problem??"Slack has not finished setting it up."}`:`The person created ${d} from the card. It is ready in Slack${n.stage==="said_hello"?" and said hello to them there":""}.`)}function te(e,n){return n-e.startedAt>=12e4?g({...e,slow:!0}):g(e,[{type:"timer",inMs:I(e.failures)}])}function Pn(e,n){let{view:t}=e;return t.kind==="creating"&&!t.slow?o(e,[y("get_creation_status",{agentId:t.agentId})]):t.kind==="confirm"&&W(t.confirmation,n)?g(V):o(e)}function Pe(e,n){let{view:t}=e;switch(t.kind){case"starting":return g(t.from);case"creating":{let{slow:r,failures:a,...s}=t;return o({...e,view:{...s,startedAt:n}},[y("get_creation_status",{agentId:t.agentId})])}case"ready":return o(e,[y("get_creation_status",{agentId:t.agentId})]);case"change":return o(e,[y("get_agent",{agentId:t.preview.save.arguments.agentId})]);case"done":return t.agent?o(e,[y("get_agent",{agentId:t.agent.agentId})]):o(e);case"confirm":return W(t.confirmation,n)?g(V):o(e,[Le(t.confirmation,n)]);default:return o(e)}}var V={kind:"notice",title:"This confirmation expired",body:"Nothing changed. Ask again for a fresh one."},Ln={kind:"notice",title:"Kept as it is",body:"Nothing changed."};function Le(e,n){return{type:"timer",inMs:Math.max(0,Date.parse(e.expiresAt)-n)}}function W(e,n){let t=Date.parse(e.expiresAt);return Number.isFinite(t)&&n>=t}function Bn(e){if(e.kind==="ready")return m(e.status.slackUrl);if(e.kind==="creating")return m(e.status?.slackUrl);if(e.kind==="done")return e.slackUrl}function re(e){return e?.kind==="proposal"?m(e.proposal.proposal.avatarUrl):e?.avatarUrl}function Fe(e){if(e?.kind==="proposal"){let{ask:n,answer:t}=e.proposal.proposal.sampleExchange;return{ask:n,answer:t}}return e?.promised}function Be(e){return e.confirmation.inAdmin===!0&&e.adminUrl!==void 0}function Dn(e){return f(e)&&f(e.proposal)&&f(e.create)&&f(e.create.arguments)}function qn(e){return f(e)&&Array.isArray(e.changes)&&f(e.save)&&f(e.save.arguments)}function v(e){return f(e)&&typeof e.status=="string"&&typeof e.summary=="string"}var Hn={name:"Name",description:"Description",handle:"Slack handle",instructions:"Instructions",on:"On or off",model:"Model",effort:"Effort",imageModel:"Image model",whoCanEdit:"Who can edit"},jn={creator_and_admins:"Its creator and workspace admins",all_workspace_members:"Anyone in the workspace"},De=ke(Kn);function Kn(e){let n={busy:e.busy,error:e.error},{view:t}=e;switch(t.kind){case"waiting":return{...n,avatar:"none",title:"Loading\u2026",blocks:[],buttons:[]};case"proposal":return{...n,...Wn(t.proposal)};case"similar":return{...n,avatar:"agent",avatarUrl:t.avatarUrl,title:"An Agent like this already exists",blocks:[{kind:"text",text:t.summary}],buttons:[{label:"Create it anyway",action:"create_anyway",tone:"primary"},{label:"Change something",action:"change_something",tone:"secondary"}]};case"starting":return{...n,...Gn(t.from)};case"creating":return{...n,...Jn(t)};case"ready":return{...n,...Xn(t)};case"change":return{...n,...Zn(t.preview,t.stale===!0)};case"done":return{...n,...Qn(t)};case"confirm":return{...n,...zn(t)};case"gone":return{...n,avatar:"agent",avatarUrl:t.avatarUrl,title:t.why==="archived"?`${t.agent.name} is archived`:`${t.agent.name} is no longer available`,blocks:[{kind:"text",text:t.why==="archived"?"It no longer answers in Slack.":"It was deleted, or you can no longer manage it."}],buttons:[]};case"notice":return{...n,avatar:"none",title:t.title,blocks:t.body?[{kind:"text",text:t.body}]:[],buttons:[]};case"first_answer":return{...n,...Ie(t)}}}function zn(e){let{ask:n,confirmToken:t,inAdmin:r}=e.confirmation,a={avatar:e.agent?"alert":"none",avatarUrl:e.avatarUrl,title:n.question};return t?{...a,blocks:[{kind:"text",text:n.consequence}],buttons:[{label:n.confirm,action:"confirm",tone:"danger"},{label:n.keep,action:"keep",tone:"secondary"}]}:{...a,blocks:[{kind:"text",text:n.consequence},{kind:"note",text:r?"Confirm this in Admin.":"Ask again in a new chat to confirm it."}],buttons:Be(e)?[{label:"Open in Admin",action:"open_admin",tone:"secondary"}]:[]}}function Wn({proposal:e,issues:n}){let t=["Your DMs",...F(e.answersIn)];return{avatar:"agent",avatarUrl:m(e.avatarUrl),title:e.name,subtitle:[{text:`@${e.handle} \xB7 `},e.handleAvailable?{text:"handle is free",tone:"ok"}:{text:"handle is taken",tone:"warn"}],blocks:[{kind:"text",text:e.job},{kind:"section",label:"Example in Slack"},{kind:"exchange",ask:e.sampleExchange.ask,answer:e.sampleExchange.answer,agent:e.name},{kind:"facts",rows:[{label:"Answers in",value:t.join(" \xB7 ")},...e.needs.length?[{label:"Needs",value:"",chips:e.needs.map(({name:r})=>r),note:"you sign in after it's created"}]:[]]},...n.map(r=>({kind:"note",text:r,tone:"warn"}))],foot:e.workspaceName?`Everyone in ${e.workspaceName}'s Slack can message it.`:"Everyone in your Slack workspace can message it.",buttons:[{label:"Create in Slack",action:"create",tone:"primary"},{label:"Change something",action:"change_something",tone:"secondary"}]}}function Gn(e){let n=e.kind==="proposal"?e.proposal.proposal:void 0,t=n?.handle??(e.kind==="similar"?e.create.handle:void 0),r=F(n?.answersIn??[]);return{avatar:"agent",avatarUrl:re(e),title:n?.name??(e.kind==="similar"?e.name:""),subtitle:[{text:n?.workspaceName?`Setting up in ${n.workspaceName}'s Slack\u2026`:"Setting up in Slack\u2026"}],blocks:[{kind:"steps",steps:[{label:"Creating it in Chickpea",state:"now"},{label:t?`Joining Slack as @${t}`:"Joining Slack",state:"todo"},{label:"Saying hello to you",state:"todo"},...r.length?[{label:`Joining ${r.join(", ")}`,state:"todo"}]:[]]}],buttons:[]}}function Jn(e){let n=e.status?.stage??"joining",t=e.status?.channels??"none",r=n!=="joining";return{avatar:"agent",avatarUrl:e.avatarUrl,title:e.agent.name,subtitle:[{text:e.workspaceName?`Setting up in ${e.workspaceName}'s Slack\u2026`:"Setting up in Slack\u2026"}],blocks:[{kind:"steps",steps:[{label:"Created in Chickpea",state:"done"},{label:e.agent.handle?`Joining Slack as @${e.agent.handle}`:"Joining Slack",state:r?"done":"now"},...n==="ready"?[]:[{label:"Saying hello to you",state:r?"done":"todo"}],...t==="none"?[]:[{label:e.answersIn.length?`Joining ${e.answersIn.join(", ")}`:"Joining its Channels",state:t==="joined"?"done":t==="needs_attention"?"failed":r?"now":"todo"}]]},...e.slow?[{kind:"note",text:"This is taking longer than usual. It keeps going, and the card checks again when you come back."}]:[]],buttons:e.slow?[{label:"Check again",action:"check_again",tone:"secondary"}]:[]}}function Xn(e){let{status:n,agent:t}=e,r=t.handle?`@${t.handle}`:t.name;if(n.stage==="needs_attention")return{avatar:"alert",avatarUrl:e.avatarUrl,title:`${t.name} needs attention in Slack`,blocks:[{kind:"text",text:n.problem??"Slack has not finished setting it up."}],buttons:[...e.adminUrl?[{label:"Open in Admin",action:"open_admin",tone:"primary"}]:[],...m(n.slackUrl)?[{label:"Open in Slack",action:"open_slack",tone:"secondary"}]:[]]};let a=e.answersIn.length?`your DMs and ${tt(e.answersIn)}`:"your DMs";return{avatar:"agent",avatarUrl:e.avatarUrl,title:n.stage==="said_hello"?`${r} said hello to you in Slack`:`${t.name} is ready in Slack`,subtitle:[{text:`${t.name} is ready \xB7 answers in ${a}`}],blocks:[...n.hello?[{kind:"quote",text:n.hello}]:[],...n.channels==="needs_attention"?[{kind:"note",text:"It could not join one of its Channels yet.",tone:"warn"}]:[]],buttons:[...m(n.slackUrl)?[{label:"Open in Slack",action:"open_slack",tone:"primary"}]:[],...Yn(e)]}}function Yn(e){let n=e.needs[0];return n?[{label:`Connect ${n.name}`,action:"next_step",tone:"secondary"}]:qe(e)?[{label:"See its first answer",action:"try_once",tone:"secondary"}]:[]}function qe(e){return e.needs.length===0&&e.status.stage!=="needs_attention"&&e.status.agent?.hasFirstAsk===!0}function Qn(e){let n=e.status==="off"?"It won't answer in Slack until it's turned back on.":e.saved&&e.agent?.handle&&e.status!=="archived"?pe(e.agent.handle,e.channels??[]):void 0;return{avatar:"agent",avatarUrl:e.avatarUrl,title:e.summary.replace(/\.$/,""),done:!0,...n?{subtitle:[{text:n}]}:{},blocks:[],buttons:[...e.undoToken?[{label:"Undo",action:"undo",tone:"secondary"}]:[],...e.slackUrl?[{label:"Open in Slack",action:"open_slack",tone:"secondary"}]:[]]}}function Zn(e,n){let t=e.changes.length;return{avatar:"agent",avatarUrl:m(e.agent.avatarUrl),title:`Change ${e.agent.name}`,subtitle:[{text:`${t} ${t===1?"change":"changes"} \xB7 nothing is saved until you press Save`}],blocks:[...e.changes.flatMap(r=>[{kind:"section",label:Hn[r.field]},...et(r)]),...n?[{kind:"note",text:"It changed since this preview. Ask again for a fresh one.",tone:"warn"}]:[]],buttons:[...n?[]:[{label:"Save",action:"save",tone:"primary"}],{label:"Cancel",action:"cancel",tone:"secondary"}]}}function et(e){if(e.field==="instructions")return e.quotes.length?e.quotes.map(t=>({kind:"quote",text:Ce(t,r=>`\u201C${r}\u201D`)})):[{kind:"text",text:"Only spacing or line breaks change."}];if(e.field==="on")return[{kind:"text",text:e.after?"Turns it back on.":"Turns it off."}];let n=t=>t==null||t===""?nt[e.field]??"Not set":e.field==="handle"?`@${t}`:e.field==="whoCanEdit"?jn[String(t)]??String(t):String(t);return[{kind:"text",text:n(e.after)},...e.before===void 0?[]:[{kind:"note",text:`Was: ${n(e.before)}`}]]}var nt={model:"The workspace default",imageModel:"The workspace default",effort:"The model's standard effort"};function tt(e){return e.length<=2?e.join(" and "):`${e.slice(0,-1).join(", ")} and ${e.at(-1)}`}_e("chickpea-agent-card",{initial:Me,step:Ve,present:De});})();
</script></body>
</html>