"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const P0_VERSION = "1.0.52"; const Mock = props => { const _components = { aside: "aside", button: "button", circle: "circle", code: "code", div: "div", h3: "h3", h4: "h4", header: "header", img: "img", input: "input", kbd: "kbd", li: "li", line: "line", main: "main", p: "p", path: "path", polygon: "polygon", polyline: "polyline", pre: "pre", rect: "rect", section: "section", span: "span", svg: "svg", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ul: "ul", ..._provideComponents() }; const {kind, ...rest} = props; const iconBase = { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", "aria-hidden": "true" }; const renderShapes = shapes => shapes.map((shape, idx) => { if (shape.tag === "circle") return _jsx(_components.circle, { ...shape.attrs }, idx); if (shape.tag === "rect") return _jsx(_components.rect, { ...shape.attrs }, idx); if (shape.tag === "line") return _jsx(_components.line, { ...shape.attrs }, idx); if (shape.tag === "polyline") return _jsx(_components.polyline, { ...shape.attrs }, idx); if (shape.tag === "polygon") return _jsx(_components.polygon, { ...shape.attrs }, idx); return _jsx(_components.path, { ...shape.attrs }, idx); }); if (kind === "appShell") { const {sidebar, children} = rest; return _jsxs(_components.div, { className: "p0-app-shell", role: "img", "aria-label": "p0 application window mock", children: [_jsxs(_components.div, { className: "p0-app-shell__titlebar", "aria-hidden": "true", children: [_jsx(_components.span, { className: "p0-app-shell__dot p0-app-shell__dot--close" }), _jsx(_components.span, { className: "p0-app-shell__dot p0-app-shell__dot--minimize" }), _jsx(_components.span, { className: "p0-app-shell__dot p0-app-shell__dot--maximize" })] }), _jsxs(_components.div, { className: "p0-app-shell__body", children: [sidebar ? _jsx(_components.aside, { className: "p0-app-shell__sidebar", children: sidebar }) : null, _jsx(_components.main, { className: "p0-app-shell__main", children: children })] })] }); } if (kind === "sidebar") { const {sessions = [], repos = []} = rest; return _jsxs(_components.div, { className: "p0-sidebar", role: "navigation", "aria-label": "p0 sidebar mock", children: [_jsxs(_components.section, { className: "p0-sidebar__section", children: [_jsxs(_components.header, { className: "p0-sidebar__section-header", children: [_jsx(_components.span, { className: "p0-sidebar__section-title", children: "Sessions" }), _jsx(_components.button, { type: "button", className: "p0-sidebar__section-action", "aria-label": "New session", tabIndex: -1, children: _jsxs(_components.svg, { ...iconBase, children: [_jsx(_components.path, { d: "M5 12h14" }), _jsx(_components.path, { d: "M12 5v14" })] }) })] }), _jsx(_components.ul, { className: "p0-sidebar__list", children: sessions.map(s => _jsxs(_components.li, { className: s.active ? "p0-sidebar__item p0-sidebar__item--active" : "p0-sidebar__item", children: [_jsx(_components.svg, { ...iconBase, className: "p0-sidebar__item-icon", children: _jsx(_components.path, { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) }), _jsx(_components.span, { className: "p0-sidebar__item-label", children: s.title })] }, s.id)) })] }), _jsxs(_components.section, { className: "p0-sidebar__section", children: [_jsx(_components.header, { className: "p0-sidebar__section-header", children: _jsx(_components.span, { className: "p0-sidebar__section-title", children: "Repositories" }) }), _jsx(_components.ul, { className: "p0-sidebar__list", children: repos.map(r => _jsxs(_components.li, { className: "p0-sidebar__item", children: [_jsxs(_components.svg, { ...iconBase, className: "p0-sidebar__item-icon", children: [_jsx(_components.path, { d: "M18 19a5 5 0 0 1-5-5v8" }), _jsx(_components.path, { d: "M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5" }), _jsx(_components.circle, { cx: "13", cy: "12", r: "2" }), _jsx(_components.circle, { cx: "20", cy: "19", r: "2" })] }), _jsx(_components.span, { className: "p0-sidebar__item-label", children: r.name })] }, r.name)) })] })] }); } if (kind === "chatInput") { const {placeholder = "Message p0…", slashOpen = false} = rest; const SLASH_PREVIEW = [{ command: "/plan", description: "Switch to Plan mode" }, { command: "/build-from-spec", description: "End-to-end spec → PR pipeline" }, { command: "/refine", description: "Iterate on a built feature" }]; const ciIconBase = { ...iconBase, width: "16", height: "16" }; const slashIconBase = { ...ciIconBase, width: "12", height: "12" }; return _jsxs(_components.div, { className: "p0-chat-input-wrapper", children: [slashOpen ? _jsx(_components.div, { className: "p0-chat-input__dropdown-slot", children: _jsxs(_components.div, { className: "p0-slash-dropdown", role: "listbox", "aria-label": "Slash command suggestions", children: [_jsxs(_components.div, { className: "p0-slash-dropdown__header", children: [_jsx(_components.svg, { ...slashIconBase, children: _jsx(_components.path, { d: "M22 2 2 22" }) }), _jsx(_components.span, { children: "Commands matching /" })] }), _jsx(_components.ul, { className: "p0-slash-dropdown__list", children: SLASH_PREVIEW.map((c, i) => _jsxs(_components.li, { className: i === 0 ? "p0-slash-dropdown__item p0-slash-dropdown__item--active" : "p0-slash-dropdown__item", role: "option", "aria-selected": i === 0, children: [_jsx(_components.code, { className: "p0-slash-dropdown__command", children: c.command }), _jsx(_components.span, { className: "p0-slash-dropdown__description", children: c.description })] }, c.command)) })] }) }) : null, _jsxs(_components.div, { className: "p0-chat-input", role: "group", "aria-label": "p0 chat input mock", children: [_jsx(_components.button, { type: "button", className: "p0-chat-input__icon-btn", "aria-label": "Attach file", tabIndex: -1, children: _jsx(_components.svg, { ...ciIconBase, children: _jsx(_components.path, { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" }) }) }), _jsx(_components.span, { className: "p0-chat-input__field", "aria-hidden": "true", children: placeholder }), _jsx(_components.button, { type: "button", className: "p0-chat-input__send", "aria-label": "Send message", tabIndex: -1, children: _jsxs(_components.svg, { ...ciIconBase, children: [_jsx(_components.path, { d: "m5 12 7-7 7 7" }), _jsx(_components.path, { d: "M12 19V5" })] }) })] })] }); } if (kind === "slashDropdown") { const {query = "/"} = rest; const SLASH_COMMANDS = [{ command: "/agent", description: "Switch to Agent mode (applies changes directly)" }, { command: "/clear", description: "Start a new conversation (creates new sub-chat)" }, { command: "/compact", description: "Compact conversation context to reduce token usage" }, { command: "/config", description: "View and modify configuration settings" }, { command: "/cost", description: "Show token usage and cost for the session" }, { command: "/doctor", description: "Check the health of your p0 installation" }, { command: "/help", description: "Show available commands and help" }, { command: "/mcp", description: "View and manage MCP server connections" }, { command: "/memory", description: "View and edit CLAUDE.md memory files" }, { command: "/model", description: "Switch AI model" }, { command: "/permissions", description: "View and manage tool permissions" }, { command: "/plan", description: "Switch to Plan mode (creates plan before making changes)" }, { command: "/pr-comments", description: "Ask the agent to generate PR review comments" }, { command: "/release-notes", description: "Ask the agent to generate release notes" }, { command: "/review", description: "Ask the agent to review your code" }, { command: "/security-review", description: "Ask the agent to perform a security audit" }, { command: "/skills", description: "Manage your skills" }, { command: "/status", description: "Show current session status and context" }, { command: "/build-from-spec", description: "Run the end-to-end spec → build → QA pipeline" }, { command: "/create-standards", description: "Generate engineering standards for your workspace" }, { command: "/refine", description: "Make incremental changes to a recently built feature" }, { command: "/import-spec", description: "Import a product spec and ask clarifying questions" }]; const sdIconBase = { ...iconBase, width: "12", height: "12" }; const needle = (query || "/").toLowerCase(); const matches = SLASH_COMMANDS.filter(c => c.command.toLowerCase().startsWith(needle)); return _jsxs(_components.div, { className: "p0-slash-dropdown", role: "listbox", "aria-label": "Slash command suggestions", children: [_jsxs(_components.div, { className: "p0-slash-dropdown__header", children: [_jsx(_components.svg, { ...sdIconBase, children: _jsx(_components.path, { d: "M22 2 2 22" }) }), _jsxs(_components.span, { children: ["Commands matching ", query] })] }), matches.length === 0 ? _jsx(_components.div, { className: "p0-slash-dropdown__empty", children: "No commands match." }) : _jsx(_components.ul, { className: "p0-slash-dropdown__list", children: matches.map((c, i) => _jsxs(_components.li, { className: i === 0 ? "p0-slash-dropdown__item p0-slash-dropdown__item--active" : "p0-slash-dropdown__item", role: "option", "aria-selected": i === 0, children: [_jsx(_components.code, { className: "p0-slash-dropdown__command", children: c.command }), _jsx(_components.span, { className: "p0-slash-dropdown__description", children: c.description })] }, c.command)) })] }); } if (kind === "ticketTree") { const {phases = []} = rest; const STATUS_META = { todo: { label: "Todo", modifier: "todo", shapes: [{ tag: "circle", attrs: { cx: "12", cy: "12", r: "10" } }] }, in_progress: { label: "In progress", modifier: "in-progress", shapes: [{ tag: "path", attrs: { d: "M21 12a9 9 0 1 1-6.219-8.56" } }] }, completed: { label: "Completed", modifier: "completed", shapes: [{ tag: "circle", attrs: { cx: "12", cy: "12", r: "10" } }, { tag: "path", attrs: { d: "m9 12 2 2 4-4" } }] }, failed: { label: "Failed", modifier: "failed", shapes: [{ tag: "circle", attrs: { cx: "12", cy: "12", r: "10" } }, { tag: "path", attrs: { d: "m15 9-6 6" } }, { tag: "path", attrs: { d: "m9 9 6 6" } }] } }; return _jsx(_components.div, { className: "p0-ticket-tree", role: "tree", "aria-label": "Build progress", children: _jsx(_components.ul, { className: "p0-ticket-tree__phases", children: phases.map(phase => _jsxs(_components.li, { className: "p0-ticket-tree__phase", children: [_jsx(_components.div, { className: "p0-ticket-tree__phase-name", children: phase.name }), _jsx(_components.ul, { className: "p0-ticket-tree__tickets", children: phase.tickets.map(ticket => { const meta = STATUS_META[ticket.status] ?? STATUS_META.todo; return _jsxs(_components.li, { className: "p0-ticket-tree__ticket", "data-status": ticket.status, children: [_jsx(_components.span, { className: `p0-ticket-tree__dot p0-ticket-tree__dot--${meta.modifier}`, role: "img", "aria-label": meta.label, children: _jsx(_components.svg, { ...iconBase, "aria-hidden": "true", children: renderShapes(meta.shapes) }) }), _jsx(_components.code, { className: "p0-ticket-tree__ticket-id", children: ticket.id }), _jsx(_components.span, { className: "p0-ticket-tree__ticket-name", children: ticket.name })] }, ticket.id); }) })] }, phase.name)) }) }); } if (kind === "diffView") { const {mode = "unified", file, before = "", after = ""} = rest; const computeUnifiedLines = (b, a) => { const beforeLines = b.split("\n"); const afterLines = a.split("\n"); const lines = []; const max = Math.max(beforeLines.length, afterLines.length); for (let i = 0; i < max; i++) { const bl = beforeLines[i]; const al = afterLines[i]; if (bl === al) { if (bl !== undefined) lines.push({ kind: "context", text: bl }); } else { if (bl !== undefined) lines.push({ kind: "remove", text: bl }); if (al !== undefined) lines.push({ kind: "add", text: al }); } } return lines; }; const PREFIX = { add: "+", remove: "-", context: " " }; const MODIFIER = { add: "add", remove: "remove", context: "context" }; const computeSplitRows = (b, a) => { const beforeLines = b.split("\n"); const afterLines = a.split("\n"); const max = Math.max(beforeLines.length, afterLines.length); const rows = []; for (let i = 0; i < max; i++) { const bl = beforeLines[i]; const al = afterLines[i]; const sameRow = bl === al; rows.push({ before: bl === undefined ? { kind: "empty", text: "" } : sameRow ? { kind: "context", text: bl } : { kind: "remove", text: bl }, after: al === undefined ? { kind: "empty", text: "" } : sameRow ? { kind: "context", text: al } : { kind: "add", text: al } }); } return rows; }; const unifiedLines = mode === "unified" ? computeUnifiedLines(before, after) : []; const splitRows = mode === "split" ? computeSplitRows(before, after) : []; return _jsxs(_components.div, { className: `p0-diff-view p0-diff-view--${mode}`, role: "figure", "aria-label": `Diff for ${file}`, children: [_jsxs(_components.div, { className: "p0-diff-view__header", children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", "aria-hidden": "true", children: [_jsx(_components.path, { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), _jsx(_components.path, { d: "M14 2v4a2 2 0 0 0 2 2h4" }), _jsx(_components.path, { d: "M9 10h6" }), _jsx(_components.path, { d: "M12 13v-6" }), _jsx(_components.path, { d: "M9 17h6" })] }), _jsx(_components.code, { className: "p0-diff-view__file", children: file })] }), mode === "split" ? _jsxs(_components.div, { className: "p0-diff-view__body p0-diff-view__body--split", children: [_jsx(_components.div, { className: "p0-diff-view__column", "aria-label": "Before", children: splitRows.map((row, i) => row.before.kind === "empty" ? _jsx(_components.div, { className: "p0-diff-view__line p0-diff-view__line--empty", "aria-hidden": "true", children: _jsx(_components.span, { className: "p0-diff-view__text", children: " " }) }, `b-${i}`) : _jsxs(_components.div, { className: `p0-diff-view__line p0-diff-view__line--${MODIFIER[row.before.kind]}`, "data-kind": row.before.kind, children: [_jsx(_components.span, { className: "p0-diff-view__prefix", "aria-hidden": "true", children: PREFIX[row.before.kind] }), _jsx(_components.span, { className: "p0-diff-view__text", children: row.before.text || " " })] }, `b-${i}`)) }), _jsx(_components.div, { className: "p0-diff-view__column", "aria-label": "After", children: splitRows.map((row, i) => row.after.kind === "empty" ? _jsx(_components.div, { className: "p0-diff-view__line p0-diff-view__line--empty", "aria-hidden": "true", children: _jsx(_components.span, { className: "p0-diff-view__text", children: " " }) }, `a-${i}`) : _jsxs(_components.div, { className: `p0-diff-view__line p0-diff-view__line--${MODIFIER[row.after.kind]}`, "data-kind": row.after.kind, children: [_jsx(_components.span, { className: "p0-diff-view__prefix", "aria-hidden": "true", children: PREFIX[row.after.kind] }), _jsx(_components.span, { className: "p0-diff-view__text", children: row.after.text || " " })] }, `a-${i}`)) })] }) : _jsx(_components.div, { className: "p0-diff-view__body", children: unifiedLines.map((line, i) => _jsxs(_components.div, { className: `p0-diff-view__line p0-diff-view__line--${MODIFIER[line.kind]}`, "data-kind": line.kind, children: [_jsx(_components.span, { className: "p0-diff-view__prefix", "aria-hidden": "true", children: PREFIX[line.kind] }), _jsx(_components.span, { className: "p0-diff-view__text", children: line.text || " " })] }, i)) })] }); } if (kind === "terminalPane") { const {prompt = "$", command, output} = rest; return _jsxs(_components.div, { className: "p0-terminal-pane", role: "figure", "aria-label": "Terminal output", children: [_jsxs(_components.div, { className: "p0-terminal-pane__chrome", "aria-hidden": "true", children: [_jsx(_components.span, { className: "p0-terminal-pane__dot p0-terminal-pane__dot--red" }), _jsx(_components.span, { className: "p0-terminal-pane__dot p0-terminal-pane__dot--yellow" }), _jsx(_components.span, { className: "p0-terminal-pane__dot p0-terminal-pane__dot--green" }), _jsxs(_components.span, { className: "p0-terminal-pane__title", children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", "aria-hidden": "true", children: [_jsx(_components.path, { d: "m7 11 2-2-2-2" }), _jsx(_components.path, { d: "M11 13h4" }), _jsx(_components.rect, { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" })] }), " ", "terminal"] })] }), _jsx(_components.pre, { className: "p0-terminal-pane__body", children: _jsxs(_components.code, { children: [_jsxs(_components.span, { className: "p0-terminal-pane__line", children: [_jsx(_components.span, { className: "p0-terminal-pane__prompt", children: prompt }), _jsx(_components.span, { className: "p0-terminal-pane__command", children: command })] }), output ? _jsx(_components.span, { className: "p0-terminal-pane__output", children: "\n" + output }) : null] }) })] }); } if (kind === "devToolsPanel") { const {defaultTab = "terminal", terminal, changes, run} = rest; const SECTIONS = [{ id: "terminal", label: "Terminal", shapes: [{ tag: "path", attrs: { d: "m7 11 2-2-2-2" } }, { tag: "path", attrs: { d: "M11 13h4" } }, { tag: "rect", attrs: { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" } }] }, { id: "changes", label: "Changes", shapes: [{ tag: "path", attrs: { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" } }, { tag: "path", attrs: { d: "M14 2v4a2 2 0 0 0 2 2h4" } }, { tag: "path", attrs: { d: "M9 10h6" } }, { tag: "path", attrs: { d: "M12 13v-6" } }, { tag: "path", attrs: { d: "M9 17h6" } }] }, { id: "run", label: "Run", shapes: [{ tag: "polygon", attrs: { points: "6 3 20 12 6 21 6 3" } }] }]; const panes = { terminal, changes, run }; return _jsx(_components.div, { className: "p0-devtools-panel", role: "region", "aria-label": "DevTools panel", children: SECTIONS.map(section => { const isEmphasized = section.id === defaultTab; return _jsxs(_components.section, { id: `p0-devtools-panel__section--${section.id}`, className: "p0-devtools-panel__section" + (isEmphasized ? " p0-devtools-panel__section--active" : ""), "aria-label": section.label, children: [_jsxs(_components.h4, { className: "p0-devtools-panel__section-heading", children: [_jsx(_components.svg, { ...iconBase, "aria-hidden": "true", children: renderShapes(section.shapes) }), _jsx(_components.span, { children: section.label })] }), _jsx(_components.div, { className: "p0-devtools-panel__section-body", children: panes[section.id] })] }, section.id); }) }); } if (kind === "howToP0Dialog") { const htpIconBase = { ...iconBase, width: "16", height: "16" }; const ICON_SHAPES = { archive: [{ tag: "rect", attrs: { width: "20", height: "5", x: "2", y: "3", rx: "1" } }, { tag: "path", attrs: { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" } }, { tag: "path", attrs: { d: "M10 12h4" } }], book: [{ tag: "path", attrs: { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" } }], calendarDays: [{ tag: "path", attrs: { d: "M8 2v4" } }, { tag: "path", attrs: { d: "M16 2v4" } }, { tag: "rect", attrs: { width: "18", height: "18", x: "3", y: "4", rx: "2" } }, { tag: "path", attrs: { d: "M3 10h18" } }, { tag: "path", attrs: { d: "M8 14h.01" } }, { tag: "path", attrs: { d: "M12 14h.01" } }, { tag: "path", attrs: { d: "M16 14h.01" } }, { tag: "path", attrs: { d: "M8 18h.01" } }, { tag: "path", attrs: { d: "M12 18h.01" } }, { tag: "path", attrs: { d: "M16 18h.01" } }], code: [{ tag: "polyline", attrs: { points: "16 18 22 12 16 6" } }, { tag: "polyline", attrs: { points: "8 6 2 12 8 18" } }], gitBranch: [{ tag: "line", attrs: { x1: "6", x2: "6", y1: "3", y2: "15" } }, { tag: "circle", attrs: { cx: "18", cy: "6", r: "3" } }, { tag: "circle", attrs: { cx: "6", cy: "18", r: "3" } }, { tag: "path", attrs: { d: "M18 9a9 9 0 0 1-9 9" } }], gitCompare: [{ tag: "circle", attrs: { cx: "5", cy: "6", r: "3" } }, { tag: "path", attrs: { d: "M12 6h5a2 2 0 0 1 2 2v7" } }, { tag: "circle", attrs: { cx: "19", cy: "18", r: "3" } }, { tag: "path", attrs: { d: "M12 18H7a2 2 0 0 1-2-2V9" } }], gitPullRequestArrow: [{ tag: "circle", attrs: { cx: "5", cy: "6", r: "3" } }, { tag: "path", attrs: { d: "M5 9v12" } }, { tag: "circle", attrs: { cx: "19", cy: "18", r: "3" } }, { tag: "path", attrs: { d: "m15 9-3-3 3-3" } }, { tag: "path", attrs: { d: "M12 6h5a2 2 0 0 1 2 2v7" } }], keyRound: [{ tag: "path", attrs: { d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" } }, { tag: "circle", attrs: { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" } }], lightbulb: [{ tag: "path", attrs: { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" } }, { tag: "path", attrs: { d: "M9 18h6" } }, { tag: "path", attrs: { d: "M10 22h4" } }], messageCircle: [{ tag: "path", attrs: { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22z" } }], messageSquare: [{ tag: "path", attrs: { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" } }], notebookText: [{ tag: "path", attrs: { d: "M2 6h4" } }, { tag: "path", attrs: { d: "M2 10h4" } }, { tag: "path", attrs: { d: "M2 14h4" } }, { tag: "path", attrs: { d: "M2 18h4" } }, { tag: "rect", attrs: { width: "16", height: "20", x: "4", y: "2", rx: "2" } }, { tag: "path", attrs: { d: "M9.5 8h5" } }, { tag: "path", attrs: { d: "M9.5 12H16" } }, { tag: "path", attrs: { d: "M9.5 16H14" } }], play: [{ tag: "polygon", attrs: { points: "6 3 20 12 6 21 6 3" } }], rocket: [{ tag: "path", attrs: { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" } }, { tag: "path", attrs: { d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" } }, { tag: "path", attrs: { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" } }, { tag: "path", attrs: { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" } }], terminal: [{ tag: "polyline", attrs: { points: "4 17 10 11 4 5" } }, { tag: "line", attrs: { x1: "12", x2: "20", y1: "19", y2: "19" } }], testTube2: [{ tag: "path", attrs: { d: "M21 7 6.82 21.18a2.83 2.83 0 0 1-3.99-.01a2.83 2.83 0 0 1 0-4L17 3" } }, { tag: "path", attrs: { d: "m16 2 6 6" } }, { tag: "path", attrs: { d: "M12 16H4" } }] }; const SECTIONS = [{ id: "modes-of-working", label: "Modes of Working", description: "p0 has different modes for different tasks. Pick the right one to get the best results.", tips: [{ id: "brainstorm-mode", title: "Plan & Build Mode", description: "Use Plan & Build to flesh out an idea into a product spec, then let p0 build and QA it autonomously.", icon: "lightbulb" }, { id: "quick-changes", title: "Quick Changes (Chat)", description: "Ask p0 to fix bugs, refactor code, or make quick changes — just describe what you need.", icon: "messageSquare" }] }, { id: "project-setup", label: "Project Setup", description: "Open the Repositories manager from your sidebar to configure your project for p0.", tips: [{ id: "engineering-standards", title: "Create Engineering Standards", description: "Define your coding conventions so p0 follows your team's patterns and preferences.", icon: "notebookText" }, { id: "qa-loops", title: "Create QA Loops", description: "Teach agents how to verify their work in your environment — URLs, credentials, and testing workflows.", icon: "testTube2" }, { id: "env-variables", title: "Set Up Environment Variables", description: "Configure .env files so p0 can run your project with the right secrets and config.", icon: "keyRound" }, { id: "run-commands", title: "Configure Run Commands", description: "Define how to start, build, or test your project so p0 can run it for you.", icon: "play" }, { id: "default-branch", title: "Set Default Branch", description: "Choose which branch p0 branches off from and creates PRs into for each repo.", icon: "gitPullRequestArrow" }] }, { id: "toolbar-actions", label: "Toolbar Actions", description: "On the top right of each session you'll find these tools to run, edit, and review your code.", tips: [{ id: "open-terminal", title: "Open Terminal", description: "Launch a terminal inside your session's worktree to run commands without switching apps.", icon: "terminal" }, { id: "run-project", title: "Run Your Project", description: "Start your dev server or build process right from the session's worktree.", icon: "rocket" }, { id: "open-in-editor", title: "Open in Code Editor", description: "Open the session's worktree in your preferred code editor (VS Code, Cursor, etc.).", icon: "code" }, { id: "review-changes", title: "Review Changes", description: "See a diff of all changes p0 has made in the current session before committing.", icon: "gitCompare" }] }, { id: "advanced", label: "Advanced", description: "Power-user features that give you more control over how p0 works with your codebase.", tips: [{ id: "worktrees", title: "Worktrees", description: "Each session branches off your repo's default branch into an isolated worktree — your main branch stays clean.", icon: "gitBranch" }, { id: "archive-sessions", title: "Archive & Unarchive Sessions", description: "Keep your sidebar clean by archiving old sessions. Right-click any session to archive or restore it.", icon: "archive" }] }]; return _jsxs(_components.div, { className: "p0-howto-dialog", role: "img", "aria-label": "How to p0 dialog mock", children: [_jsxs(_components.div, { className: "p0-howto-dialog__header", children: [_jsx(_components.h3, { className: "p0-howto-dialog__title", children: "How to p0" }), _jsx(_components.p, { className: "p0-howto-dialog__subtitle", children: "Learn everything p0 can do for you." })] }), SECTIONS.map(section => _jsxs(_components.div, { className: "p0-howto-dialog__section", children: [_jsx(_components.h4, { className: "p0-howto-dialog__section-heading", children: section.label }), _jsx(_components.p, { className: "p0-howto-dialog__section-desc", children: section.description }), _jsx(_components.ul, { className: "p0-howto-dialog__tip-list", children: section.tips.map(tip => _jsxs(_components.li, { className: "p0-howto-dialog__tip", children: [_jsx(_components.span, { className: "p0-howto-dialog__tip-check", "aria-hidden": "true" }), _jsxs(_components.span, { className: "p0-howto-dialog__tip-body", children: [_jsxs(_components.span, { className: "p0-howto-dialog__tip-title-row", children: [_jsx(_components.svg, { ...htpIconBase, className: "p0-howto-dialog__tip-icon", children: renderShapes(ICON_SHAPES[tip.icon] || []) }), _jsx(_components.span, { className: "p0-howto-dialog__tip-title", children: tip.title })] }), _jsx(_components.span, { className: "p0-howto-dialog__tip-desc", children: tip.description })] })] }, tip.id)) })] }, section.id)), _jsxs(_components.div, { className: "p0-howto-dialog__footer", children: [_jsxs(_components.span, { className: "p0-howto-dialog__footer-link", children: [_jsx(_components.svg, { ...htpIconBase, className: "p0-howto-dialog__footer-icon", children: renderShapes(ICON_SHAPES.book) }), "Open Documentation"] }), _jsxs(_components.span, { className: "p0-howto-dialog__footer-link", children: [_jsx(_components.svg, { ...htpIconBase, className: "p0-howto-dialog__footer-icon", children: renderShapes(ICON_SHAPES.messageCircle) }), "Join Community"] }), _jsxs(_components.span, { className: "p0-howto-dialog__footer-link", children: [_jsx(_components.svg, { ...htpIconBase, className: "p0-howto-dialog__footer-icon", children: renderShapes(ICON_SHAPES.calendarDays) }), "Book a Call"] })] })] }); } if (kind === "modelPicker") { const {current = "claude"} = rest; const mpIconBase = { ...iconBase, width: "16", height: "16" }; const CHEVRON_SHAPES = [{ tag: "path", attrs: { d: "m6 9 6 6 6-6" } }]; const SPARKLES_SHAPES = [{ tag: "path", attrs: { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" } }, { tag: "path", attrs: { d: "M20 3v4" } }, { tag: "path", attrs: { d: "M22 5h-4" } }, { tag: "path", attrs: { d: "M4 17v2" } }, { tag: "path", attrs: { d: "M5 18H3" } }]; const CPU_SHAPES = [{ tag: "rect", attrs: { width: "16", height: "16", x: "4", y: "4", rx: "2" } }, { tag: "rect", attrs: { width: "6", height: "6", x: "9", y: "9", rx: "1" } }, { tag: "path", attrs: { d: "M15 2v2" } }, { tag: "path", attrs: { d: "M15 20v2" } }, { tag: "path", attrs: { d: "M2 15h2" } }, { tag: "path", attrs: { d: "M2 9h2" } }, { tag: "path", attrs: { d: "M20 15h2" } }, { tag: "path", attrs: { d: "M20 9h2" } }, { tag: "path", attrs: { d: "M9 2v2" } }, { tag: "path", attrs: { d: "M9 20v2" } }]; const MODEL_META = { claude: { label: "Claude", shapes: SPARKLES_SHAPES }, codex: { label: "Codex", shapes: CPU_SHAPES } }; const active = MODEL_META[current] ?? MODEL_META.claude; const alternateId = current === "claude" ? "codex" : "claude"; const alternate = MODEL_META[alternateId]; return _jsxs(_components.span, { className: "p0-model-picker", role: "img", "aria-label": `Model picker mock, current selection ${active.label}`, children: [_jsxs(_components.button, { type: "button", className: "p0-model-picker__chip", "aria-haspopup": "listbox", "aria-expanded": "false", children: [_jsx(_components.svg, { ...mpIconBase, className: "p0-model-picker__icon", children: renderShapes(active.shapes) }), _jsx(_components.span, { className: "p0-model-picker__label", children: active.label }), _jsx(_components.svg, { ...mpIconBase, className: "p0-model-picker__chevron", children: renderShapes(CHEVRON_SHAPES) })] }), _jsxs(_components.span, { className: "p0-model-picker__menu", role: "listbox", "aria-hidden": "true", children: [_jsxs(_components.span, { className: "p0-model-picker__option p0-model-picker__option--active", children: [_jsx(_components.svg, { ...mpIconBase, className: "p0-model-picker__icon", children: renderShapes(active.shapes) }), _jsx(_components.span, { className: "p0-model-picker__label", children: active.label })] }), _jsxs(_components.span, { className: "p0-model-picker__option", children: [_jsx(_components.svg, { ...mpIconBase, className: "p0-model-picker__icon", children: renderShapes(alternate.shapes) }), _jsx(_components.span, { className: "p0-model-picker__label", children: alternate.label })] })] })] }); } if (kind === "prCelebration") { const {prNumber, tokens, costCents} = rest; const formatCostCents = cents => { const safe = Number.isFinite(cents) ? Math.max(0, cents) : 0; return `$${(safe / 100).toFixed(2)}`; }; const formatTokens = t => { const safe = Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0; return safe.toLocaleString("en-US"); }; const costLabel = formatCostCents(costCents); const tokenLabel = formatTokens(tokens); return _jsxs(_components.div, { className: "p0-pr-celebration", role: "img", "aria-label": `PR shipped celebration overlay mock for PR #${prNumber}`, children: [_jsx(_components.div, { className: "p0-pr-celebration__backdrop", "aria-hidden": "true" }), _jsxs(_components.div, { className: "p0-pr-celebration__panel", children: [_jsx(_components.div, { className: "p0-pr-celebration__icon", "aria-hidden": "true", children: _jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", className: "p0-pr-celebration__icon-glyph", "aria-hidden": "true", children: [_jsx(_components.path, { d: "M5.8 11.3 2 22l10.7-3.79" }), _jsx(_components.path, { d: "M4 3h.01" }), _jsx(_components.path, { d: "M22 8h.01" }), _jsx(_components.path, { d: "M15 2h.01" }), _jsx(_components.path, { d: "M22 20h.01" }), _jsx(_components.path, { d: "m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10" }), _jsx(_components.path, { d: "m22 13-1.7.3c-.87.16-1.46.94-1.42 1.81v.5c.04.87-.55 1.65-1.42 1.81L16 18" }), _jsx(_components.path, { d: "M3 7v4c0 1.1.9 2 2 2h4" }), _jsx(_components.path, { d: "m7.5 11 4.55-4.55c.36-.36.85-.55 1.36-.45L17 7" })] }) }), _jsx(_components.h3, { className: "p0-pr-celebration__title", children: "Pull Request Created!" }), _jsxs(_components.p, { className: "p0-pr-celebration__pr", children: ["PR #", prNumber] }), _jsxs(_components.p, { className: "p0-pr-celebration__stats", children: [_jsx(_components.span, { className: "p0-pr-celebration__stat-value", children: tokenLabel }), " tokens", " · ", _jsx(_components.span, { className: "p0-pr-celebration__stat-value", children: costLabel })] }), _jsxs(_components.div, { className: "p0-pr-celebration__actions", children: [_jsx(_components.span, { className: "p0-pr-celebration__btn p0-pr-celebration__btn--secondary", children: "Continue" }), _jsx(_components.span, { className: "p0-pr-celebration__btn p0-pr-celebration__btn--primary", children: "View PR" })] })] })] }); } if (kind === "contributionHeatmap") { const {weeks, seed} = rest; const ROWS = 7; const DEFAULT_WEEKS = 52; const DEFAULT_SEED = 42; const LEVELS = 5; const resolvedWeeks = weeks === undefined ? DEFAULT_WEEKS : weeks; const resolvedSeed = seed === undefined ? DEFAULT_SEED : seed; const makeRng = s => { let state = s >>> 0 || 1; return () => { state = Math.imul(state, 1664525) + 1013904223 >>> 0; return state; }; }; const pickLevel = rng => { const r = rng() >>> 16; if (r < 0.3 * 65536) return 0; if (r < 0.55 * 65536) return 1; if (r < 0.75 * 65536) return 2; if (r < 0.9 * 65536) return 3; return 4; }; const rng = makeRng(resolvedSeed); const cells = []; for (let col = 0; col < resolvedWeeks; col++) { const column = []; for (let row = 0; row < ROWS; row++) { column.push(pickLevel(rng)); } cells.push(column); } return _jsxs(_components.div, { className: "p0-heatmap", role: "img", "aria-label": `Contribution heatmap mock — ${resolvedWeeks} weeks of activity`, children: [_jsx(_components.div, { className: "p0-heatmap__grid", "aria-hidden": "true", children: cells.map((column, colIdx) => _jsx(_components.div, { className: "p0-heatmap__col", children: column.map((level, rowIdx) => _jsx(_components.span, { className: `p0-heatmap__cell p0-heatmap__cell--level-${level}` }, `cell-${colIdx}-${rowIdx}`)) }, `col-${colIdx}`)) }), _jsxs(_components.div, { className: "p0-heatmap__legend", "aria-hidden": "true", children: [_jsx(_components.span, { className: "p0-heatmap__legend-label", children: "Less" }), Array.from({ length: LEVELS }).map((_, i) => _jsx(_components.span, { className: `p0-heatmap__cell p0-heatmap__cell--level-${i}` }, `legend-${i}`)), _jsx(_components.span, { className: "p0-heatmap__legend-label", children: "More" })] })] }); } if (kind === "shareSheet") { const {link, teammates = [], expiry} = rest; const getInitials = name => { if (!name) return "?"; const parts = name.trim().split(/\s+/); if (parts.length === 1) return parts[0].charAt(0).toUpperCase(); return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase(); }; return _jsxs(_components.div, { className: "p0-share-sheet", role: "dialog", "aria-label": "Share session", children: [_jsxs(_components.div, { className: "p0-share-sheet__header", children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", className: "p0-share-sheet__icon", "aria-hidden": "true", children: [_jsx(_components.path, { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx(_components.path, { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] }), _jsx(_components.span, { className: "p0-share-sheet__title", children: "Share session" })] }), _jsxs(_components.div, { className: "p0-share-sheet__link-row", children: [_jsx(_components.input, { className: "p0-share-sheet__link-input", type: "text", value: link, readOnly: true, "aria-label": "Share link" }), _jsxs(_components.button, { className: "p0-share-sheet__copy", type: "button", "aria-label": "Copy link", onClick: event => event.preventDefault(), children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", "aria-hidden": "true", children: [_jsx(_components.rect, { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx(_components.path, { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }), _jsx(_components.span, { children: "Copy" })] })] }), teammates.length > 0 ? _jsxs(_components.div, { className: "p0-share-sheet__teammates", children: [_jsx(_components.span, { className: "p0-share-sheet__label", children: "Shared with" }), _jsx(_components.div, { className: "p0-share-sheet__avatars", children: teammates.map((member, idx) => member.avatar ? _jsx(_components.img, { className: "p0-share-sheet__avatar p0-share-sheet__avatar--img", src: member.avatar, alt: member.name }, `${member.name}-${idx}`) : _jsx(_components.span, { className: "p0-share-sheet__avatar p0-share-sheet__avatar--initials", "aria-label": member.name, title: member.name, children: getInitials(member.name) }, `${member.name}-${idx}`)) })] }) : null, expiry ? _jsxs(_components.div, { className: "p0-share-sheet__expiry", children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", "aria-hidden": "true", children: [_jsx(_components.circle, { cx: "12", cy: "12", r: "10" }), _jsx(_components.polyline, { points: "12 6 12 12 16 14" })] }), _jsx(_components.span, { children: expiry })] }) : null] }); } if (kind === "reviewsBell") { const {unread} = rest; const BADGE_CAP = 99; const count = Number.isFinite(unread) ? unread : 0; const showBadge = count > 0; const label = count > BADGE_CAP ? `${BADGE_CAP}+` : String(count); return _jsxs(_components.span, { className: `p0-reviews-bell${showBadge ? " p0-reviews-bell--has-unread" : ""}`, role: "status", "aria-label": showBadge ? `Reviews — ${count} unread` : "Reviews — no unread feedback", children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "18", height: "18", className: "p0-reviews-bell__icon", "aria-hidden": "true", children: [_jsx(_components.path, { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), _jsx(_components.path, { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })] }), showBadge ? _jsx(_components.span, { className: "p0-reviews-bell__badge", "aria-hidden": "true", children: label }) : null] }); } if (kind === "remoteControlQR") { const {code = "PURPLE"} = rest; const SIZE = 21; const FINDER = 7; const djb2 = input => { let hash = 5381; for (let i = 0; i < input.length; i++) { hash = (hash << 5) + hash + input.charCodeAt(i) | 0; } return hash >>> 0; }; const makeRng = seed => { let state = seed >>> 0 || 1; return () => { state = Math.imul(state, 1664525) + 1013904223 >>> 0; return state; }; }; const isFinderCell = (row, col) => { const inTopLeft = row < FINDER && col < FINDER; const inTopRight = row < FINDER && col >= SIZE - FINDER; const inBottomLeft = row >= SIZE - FINDER && col < FINDER; return inTopLeft || inTopRight || inBottomLeft; }; const finderFill = (row, col) => { let r = row; let c = col; if (col >= SIZE - FINDER) c = col - (SIZE - FINDER); if (row >= SIZE - FINDER) r = row - (SIZE - FINDER); const onOuterRing = r === 0 || r === 6 || c === 0 || c === 6; const inInnerSquare = r >= 2 && r <= 4 && c >= 2 && c <= 4; return onOuterRing || inInnerSquare; }; const rng = makeRng(djb2(String(code))); const cells = []; for (let row = 0; row < SIZE; row++) { for (let col = 0; col < SIZE; col++) { let fill; if (isFinderCell(row, col)) { fill = finderFill(row, col); } else { fill = rng() >>> 31 === 1; } cells.push(fill); } } return _jsxs(_components.div, { className: "p0-remote-qr", role: "img", "aria-label": `Illustrative QR mock for pairing code ${code}`, children: [_jsx(_components.div, { className: "p0-remote-qr__grid", style: { gridTemplateColumns: `repeat(${SIZE}, 1fr)`, gridTemplateRows: `repeat(${SIZE}, 1fr)` }, "aria-hidden": "true", children: cells.map((fill, idx) => _jsx(_components.span, { className: `p0-remote-qr__cell${fill ? " p0-remote-qr__cell--on" : ""}` }, `qr-${idx}`)) }), _jsxs(_components.div, { className: "p0-remote-qr__caption", children: [_jsx(_components.span, { className: "p0-remote-qr__illustrative", children: "Illustrative" }), _jsx(_components.span, { className: "p0-remote-qr__code", children: code })] }), _jsxs(_components.div, { className: "p0-remote-qr__status", role: "status", children: [_jsxs(_components.svg, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", className: "p0-remote-qr__status-icon", "aria-hidden": "true", children: [_jsx(_components.rect, { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }), _jsx(_components.path, { d: "M12 18h.01" })] }), _jsx(_components.span, { children: "Waiting for phone…" })] })] }); } if (kind === "kbdRow") { const {keys = [], description} = rest; return _jsxs(_components.span, { className: "p0-kbd-row", role: "group", "aria-label": description, children: [_jsx(_components.span, { className: "p0-kbd-row__chips", "aria-hidden": "true", children: keys.map((key, idx) => _jsxs(_components.span, { className: "p0-kbd-row__chip", children: [idx > 0 ? _jsx(_components.span, { className: "p0-kbd-row__plus", children: "+" }) : null, _jsx(_components.kbd, { className: "p0-kbd", children: key })] }, `kbd-${idx}-${key}`)) }), _jsx(_components.span, { className: "p0-kbd-row__description", children: description })] }); } if (kind === "renamedCallout") { const {from, to, version} = rest; return _jsxs(_components.span, { className: "p0-renamed-callout", role: "note", children: ["Renamed in v", version, ":", " ", _jsx(_components.span, { className: "p0-renamed-callout__from", children: from }), " → ", _jsx(_components.span, { className: "p0-renamed-callout__to", children: to })] }); } if (kind === "slashCommandsTable") { const SLASH_COMMANDS = [{ command: "/agent", description: "Switch to Agent mode (applies changes directly)" }, { command: "/clear", description: "Start a new conversation (creates new sub-chat)" }, { command: "/compact", description: "Compact conversation context to reduce token usage" }, { command: "/config", description: "View and modify configuration settings" }, { command: "/cost", description: "Show token usage and cost for the session" }, { command: "/doctor", description: "Check the health of your p0 installation" }, { command: "/help", description: "Show available commands and help" }, { command: "/mcp", description: "View and manage MCP server connections" }, { command: "/memory", description: "View and edit CLAUDE.md memory files" }, { command: "/model", description: "Switch AI model" }, { command: "/permissions", description: "View and manage tool permissions" }, { command: "/plan", description: "Switch to Plan mode (creates plan before making changes)" }, { command: "/pr-comments", description: "Ask the agent to generate PR review comments" }, { command: "/release-notes", description: "Ask the agent to generate release notes" }, { command: "/review", description: "Ask the agent to review your code" }, { command: "/security-review", description: "Ask the agent to perform a security audit" }, { command: "/skills", description: "Manage your skills" }, { command: "/status", description: "Show current session status and context" }, { command: "/build-from-spec", description: "Run the end-to-end spec → build → QA pipeline" }, { command: "/create-standards", description: "Generate engineering standards for your workspace" }, { command: "/refine", description: "Make incremental changes to a recently built feature" }, { command: "/import-spec", description: "Import a product spec and ask clarifying questions" }]; return _jsxs(_components.table, { children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { children: [_jsx(_components.th, { children: "Command" }), _jsx(_components.th, { children: "What it does" }), _jsx(_components.th, { children: "Where to find it" })] }) }), _jsx(_components.tbody, { children: SLASH_COMMANDS.map(row => _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.code, { children: row.command }) }), _jsx(_components.td, { children: row.description }), _jsx(_components.td, { children: "Chat input · slash menu" })] }, row.command)) })] }); } return null; }; function _createMdxContent(props) { const _components = { a: "a", p: "p", strong: "strong", ..._provideComponents(), ...props.components }, {Card, CardGroup} = _components; if (!Card) _missingMdxReference("Card", true); if (!CardGroup) _missingMdxReference("CardGroup", true); return _jsxs(_Fragment, { children: [_jsx(_components.p, { children: "Bring an idea. p0 plans it with you, builds it with an agent team in an isolated worktree, and opens the PR." }), "\n", _jsx(Mock, { kind: "howToP0Dialog" }), "\n", _jsxs(CardGroup, { cols: 3, children: [_jsx(Card, { title: "Install p0", icon: "download", href: "/install", children: _jsx(_components.p, { children: "Download for macOS or Windows." }) }), _jsx(Card, { title: "Quickstart", icon: "rocket", href: "/quickstart", children: _jsx(_components.p, { children: "Five steps from clean install to merged PR." }) }), _jsx(Card, { title: "Sessions", icon: "terminal", href: "/sessions/overview", children: _jsx(_components.p, { children: "Plan & Build, Chat, and how worktrees keep your main branch clean." }) })] }), "\n", _jsxs(_components.p, { children: ["Latest release: ", _jsxs(_components.strong, { children: ["v", P0_VERSION] }), " — Share & Reviews, the productivity dashboard. See the ", _jsx(_components.a, { href: "https://github.com/bepurple", children: "full changelog on GitHub" }), "."] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { P0_VERSION, Mock, default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }