@p4code/cli 0.7.2 → 0.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bin.mjs +32815 -44088
- package/dist/client/assets/DiffPanel-BYKR1lez.js +98 -0
- package/dist/client/assets/FilePreviewPanel-Cs9BMyNQ.js +2230 -0
- package/dist/client/assets/P4DesignScreen-B2KfGz1K.js +19 -0
- package/dist/client/assets/P4DesignScreen-D6gkHJN-.css +1 -0
- package/dist/client/assets/PreviewPanel-Cb5mnizs.js +2 -0
- package/dist/client/assets/PullRequestCodeTab-C_g7YA7o.js +251 -0
- package/dist/client/assets/collapsible-C5OZcGTw.js +2 -0
- package/dist/client/assets/entities-DT_qhLch.js +2 -0
- package/dist/client/assets/env-jW24S9HL.js +2 -0
- package/dist/client/assets/fileCommentAnnotations-CwEFBcQo.js +2 -0
- package/dist/client/assets/index-CJxJFMPU.js +3274 -0
- package/dist/client/assets/{index-DRONsSry.css → index-DQqa12Zh.css} +1 -1
- package/dist/client/assets/renderFileChildren-Bwk6pWNb.js +2 -0
- package/dist/client/assets/textarea-B7H3jk59.js +48 -0
- package/dist/client/assets/toggle-group-NddHXOMC.js +2 -0
- package/dist/client/index.html +6 -3
- package/dist/renderer-DZwr3Qmo.mjs +426 -0
- package/dist/runtime-DC_ewLnZ.mjs +984 -0
- package/dist/src-DjTfFS-z.mjs +17031 -0
- package/package.json +6 -1
- package/dist/client/assets/DiffPanel-DWqZpGUs.js +0 -98
- package/dist/client/assets/FilePreviewPanel-Dp3QnVt8.js +0 -2230
- package/dist/client/assets/PreviewPanel-ZBtPO1QC.js +0 -2
- package/dist/client/assets/PullRequestCodeTab-DhY0UPI4.js +0 -251
- package/dist/client/assets/fileCommentAnnotations-B9r0HUm_.js +0 -2
- package/dist/client/assets/index-zsC-N8Hk.js +0 -3257
- package/dist/client/assets/previewAssetResource-6mhfd1nG.js +0 -48
- package/dist/client/assets/renderFileChildren-svEARvMh.js +0 -2
- package/dist/client/assets/toggle-group-DZYR-bSR.js +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@property --design-selection{syntax:"<color>";inherits:true;initial-value:#2563eb}@property --design-change-stroke{syntax:"<color>";inherits:true;initial-value:#b45309}.design-workspace{--design-bg:var(--muted);--design-topbar-bg:var(--background);--design-agent-bg:var(--background);--design-surface:var(--card);--design-surface-sunken:var(--background);--design-catalog-bg:var(--sidebar);--design-row-hover:var(--sidebar-row-hover);--design-row-selected:var(--sidebar-row-selected);--design-panel-border:var(--sidebar-border);--design-field-border:var(--input);--design-fg:var(--foreground);--design-fg-muted:var(--muted-foreground);--design-selection:#2563eb;--design-selection-fg:#fff;--design-change-stroke:#b45309;--design-accent:var(--design-selection);--design-focus-color:var(--ring);--design-focus-ring:0 0 0 1px var(--background), 0 0 0 3px var(--design-focus-color);--design-radius:var(--radius-lg);--design-radius-control:var(--radius-md);--design-radius-small:var(--radius-sm);--design-float-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent), 0 4px 14px color-mix(in srgb, var(--foreground) 7%, transparent);--design-island-bg:var(--card);--design-island-border:var(--design-panel-border);--design-island-radius:var(--design-radius);--design-island-shadow:var(--design-float-shadow);--design-island-backdrop:none;--design-canvas-ground:var(--design-bg);--design-canvas-ground-image:none;--design-canvas-ground-size:auto;--design-canvas-ground-position:0 0;--design-grid-line:color-mix(in srgb, var(--design-fg) 12%, transparent);--design-grid-line-minor:color-mix(in srgb, var(--design-fg) 5%, transparent);--design-grid-size:40px;--design-grid-minor-size:8px;--design-field-color:var(--design-accent);--design-ground-grid:linear-gradient(var(--design-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--design-grid-line) 1px, transparent 1px);--design-ground-grid-size:var(--design-grid-size) var(--design-grid-size);--design-ground-blueprint:var(--design-ground-grid), linear-gradient(var(--design-grid-line-minor) 1px, transparent 1px), linear-gradient(90deg, var(--design-grid-line-minor) 1px, transparent 1px);--design-ground-blueprint-size:var(--design-ground-grid-size), var(--design-ground-grid-size), var(--design-grid-minor-size) var(--design-grid-minor-size), var(--design-grid-minor-size) var(--design-grid-minor-size);--design-ground-dots:radial-gradient(var(--design-grid-line) 1px, transparent 1px);--design-ground-dots-size:22px 22px;--design-ground-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .09 0 0 0 0 .07 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--design-ground-grain-size:220px 220px;--design-ground-field:radial-gradient(50% 45% at 58% 42%, color-mix(in srgb, var(--design-field-color) 30%, transparent), transparent 100%);--design-ground-field-size:100% 100%;--design-agent-edit-color:var(--design-change-stroke);--design-agent-edit-outline:1.5px solid var(--design-agent-edit-color);--design-agent-edit-offset:3px;--design-agent-edit-radius:var(--design-radius-small);--design-agent-edit-glow:none;--design-agent-edit-callout-gap:12px;--design-agent-edit-reach:0px;--design-paint-color:var(--design-accent);--design-paint-tint:color-mix(in srgb, var(--design-paint-color) 9%, transparent);--design-paint-hatch:color-mix(in srgb, var(--design-paint-color) 24%, transparent);--design-paint-field:repeating-linear-gradient(-45deg, var(--design-paint-hatch) 0 1px, transparent 1px 9px), var(--design-paint-tint);--design-paint-field-edge:1px dashed var(--design-paint-color);--design-paint-field-warn:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--design-paint-warn) 34%, transparent) 0 1px, transparent 1px 9px), color-mix(in srgb, var(--design-paint-warn) 9%, transparent);--design-paint-field-warn-edge:1px dashed var(--design-paint-warn);--design-paint-outline:1.5px solid var(--design-paint-color);--design-paint-flash-tint:color-mix(in srgb, var(--design-paint-color) 16%, transparent);--design-paint-radius:var(--design-radius-small);--design-paint-pill-bg:var(--design-paint-color);--design-paint-pill-fg:var(--design-selection-fg);--design-paint-pill-border:transparent;--design-paint-pill-radius:var(--design-radius-small);--design-paint-pill-shadow:var(--design-float-shadow);--design-paint-cursor-fill:var(--design-paint-pill-bg);--design-paint-cursor-stroke:var(--design-paint-pill-fg);--design-paint-cursor-glow:none;--design-paint-warn:var(--warning,#b45309);--design-paint-warn-bg:var(--design-paint-warn);--design-paint-warn-fg:var(--background,#fff);--design-paint-warn-border:transparent;--design-paint-warn-cursor-stroke:var(--design-paint-warn-bg);--design-ease-out:cubic-bezier(.23, 1, .32, 1);min-width:0;height:100%;min-height:0;color:var(--design-fg);background:var(--design-bg);font-family:var(--design-font-ui);flex-direction:column;font-size:13px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.design-workspace :is(.design-title,.design-agent-header h2,.design-revision-heading h2,.design-selection-card-header h2,.design-inspector-title,.design-frame-label){font-family:var(--design-font-display);font-weight:var(--design-display-weight,600);letter-spacing:var(--design-display-tracking);text-transform:var(--design-display-case)}.design-truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.design-mono{font-family:var(--design-font-mono,var(--font-mono,ui-monospace, monospace));font-variant-numeric:tabular-nums}.design-small-muted{color:var(--design-fg-muted,var(--muted-foreground));font-size:12px}.design-title,.design-document-switcher{min-width:0;max-width:100%;font-size:14px;font-weight:600}.design-title{margin:0;display:flex}.design-document-switcher{width:auto;color:var(--design-fg)}.design-topbar{min-height:var(--workspace-topbar-height,52px);border-bottom:1px solid var(--design-panel-border);background:var(--design-topbar-bg);flex:none;align-items:center;gap:8px;padding:3px 8px 3px 10px;display:flex}[data-sidebar-state=collapsed] .design-topbar{padding-inline-start:var(--workspace-titlebar-content-left)}[data-design-focused] .design-topbar{padding-inline-start:10px}.design-topbar-title{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.design-topbar-title>.design-small-muted{flex:none}.design-topbar-notices{flex:auto;justify-content:center;min-width:0;display:flex}.design-topbar-actions{flex:none;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.design-topbar-select{width:auto;min-width:0;max-width:220px;color:var(--design-fg)}.design-notices{flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.design-notice-alert{border-radius:var(--design-radius-control);max-width:100%;transition:opacity .15s var(--design-ease-out);padding:2px 3px 2px 10px}@starting-style{.design-notice-alert{opacity:0}}.design-workspace-pane .design-notices{flex:none;align-items:stretch;padding:0 0 6px}.design-diagnostics-list{overflow-wrap:anywhere;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.design-body{flex:1;min-width:0;min-height:0;display:flex;position:relative}.design-agent{width:340px;min-height:0;margin:var(--design-agent-inset,0);border:var(--design-agent-border,0 solid transparent);border-inline-end:var(--design-agent-border,1px solid var(--design-panel-border));border-radius:var(--design-agent-radius,0);background:var(--design-agent-bg);box-shadow:var(--design-agent-shadow,none);-webkit-backdrop-filter:var(--design-agent-backdrop,none);backdrop-filter:var(--design-agent-backdrop,none);transition:opacity .15s var(--design-ease-out);flex-direction:column;flex:none;display:flex;overflow:hidden}@starting-style{.design-agent{opacity:0}}.design-agent-header{border-bottom:1px solid var(--design-panel-border);flex:none;align-items:center;gap:8px;min-height:40px;padding:4px 6px 4px 14px;display:flex}.design-agent-header h2{white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.design-agent-header .design-small-muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-agent-header-spacer{flex:1}.design-agent-card{border-bottom:1px solid var(--design-panel-border);flex:none;max-height:50%;padding:10px 12px;overflow:auto}.design-agent-card:empty{display:none}.design-agent-thread{flex:1;min-width:0;min-height:0;display:flex}.design-agent-thread [data-chat-column-maximized-away]{min-width:0}.design-agent-empty{max-width:260px;color:var(--design-fg-muted);text-align:center;margin:auto;padding:24px;line-height:1.4}.design-agent-connect{flex-direction:column;align-items:stretch;gap:12px;padding:28px 20px;display:flex}.design-agent-connect h3{margin:0;font-size:16px;font-weight:600}.design-agent-connect p{color:var(--design-fg-muted);margin:0 0 6px;line-height:1.5}.design-agent-header>button{flex:0 auto}.design-revision-card{border:1px solid var(--border);border-radius:var(--design-radius);background:var(--design-surface);overflow:hidden}.design-revision-heading{width:100%;min-height:44px;color:var(--design-fg);text-align:start;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:flex}.design-revision-heading:hover{background:var(--design-row-hover)}.design-revision-heading:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.design-revision-heading svg{flex:none;width:16px;height:16px}.design-revision-success{color:var(--success-foreground)}.design-revision-warning{color:var(--warning-foreground)}.design-revision-chevron{color:var(--design-fg-muted);margin-inline-start:auto}.design-revision-heading[aria-expanded=true] .design-revision-chevron{transform:rotate(180deg)}.design-revision-details{border-top:1px solid var(--border);gap:10px;padding:12px;display:grid}.design-revision-changes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.design-revision-changes li{overflow-wrap:anywhere;padding-inline-start:14px;line-height:1.4;position:relative}.design-revision-changes li:before{inset-inline-start:2px;background:var(--design-accent);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:.5lh;transform:translateY(-50%)}.design-revision-more{justify-self:start}.design-revision-note{color:var(--design-fg-muted);margin:0;font-size:12px;line-height:1.4}.design-revision-actions{border-top:1px solid var(--design-panel-border);flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.design-revision-actions[hidden]{display:none}.design-revision-spacer{flex:1}.design-revision-reason{color:var(--design-fg-muted);text-align:start;align-items:flex-start;gap:6px;margin:0;font-size:12px;display:flex}.design-revision-reason svg{flex:none;width:14px;height:14px}.design-revision-name{gap:8px;display:grid}.design-revision-name-actions{justify-content:flex-end;gap:6px;display:flex}.design-revision-error{color:var(--destructive-foreground);margin:0;font-size:12px}.design-revision-error-row{border-top:1px solid var(--border);align-items:flex-start;gap:8px;padding:12px;display:flex}.design-revision-error-row .design-revision-error{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.4}.design-revision-signer{color:var(--design-fg-muted);margin:0;font-size:12px}.design-restore-help{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.45}.design-follow-up{border-top:1px solid var(--design-panel-border);gap:8px;padding-top:8px;display:grid}.design-follow-up-heading{align-items:center;gap:8px;display:flex}.design-follow-up-heading h3{flex:1;margin:0;font-size:13px;font-weight:600}.design-follow-up-help{color:var(--design-fg-muted);margin:0;font-size:12px;line-height:1.4}.design-follow-up .design-revision-actions{border-top:0;padding-top:0}.design-workspace-full .design-main{background-color:var(--design-canvas-ground);background-image:var(--design-canvas-ground-image);background-size:var(--design-canvas-ground-size);background-position:var(--design-canvas-ground-position);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.design-canvas-topleft{z-index:5;pointer-events:none;align-items:flex-start;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;inset:12px auto 12px 12px}.design-canvas-topleft>*{pointer-events:auto}.design-workspace-comparing .design-canvas-topleft{inset:auto auto 12px 12px}.design-float-pill{box-shadow:var(--design-island-shadow)}.design-pill-count{color:var(--design-fg-muted);font-variant-numeric:tabular-nums}.design-catalog-float{flex-direction:column;align-items:flex-start;gap:6px;min-height:0;max-height:100%;display:flex}.design-catalog-panel{border:1px solid var(--design-island-border);border-radius:var(--design-island-radius);background:var(--design-catalog-bg);width:280px;height:min(480px,100%);min-height:0;box-shadow:var(--design-island-shadow);-webkit-backdrop-filter:var(--design-island-backdrop);backdrop-filter:var(--design-island-backdrop);transition:opacity .15s var(--design-ease-out);flex-direction:column;display:flex;overflow:hidden}@starting-style{.design-catalog-panel{opacity:0}}.design-catalog-tabs{border-bottom:1px solid var(--design-panel-border);flex:none;align-items:center;gap:2px;padding:6px;display:flex}.design-catalog-tabs button{border-radius:var(--design-radius-control);min-width:30px;height:28px;color:var(--design-fg-muted);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 7px;display:flex}.design-catalog-tabs button:hover{color:var(--design-fg);background:var(--design-row-hover)}.design-catalog-tabs button[aria-selected=true]{color:var(--design-fg);background:var(--design-row-selected);box-shadow:inset 0 0 0 1px var(--design-panel-border);font-weight:600}.design-catalog-tabpanel{flex-direction:column;flex:1;min-height:0;display:flex}.design-catalog-search{border:1px solid var(--design-field-border);border-radius:var(--design-radius-control);height:30px;color:var(--design-fg-muted);background:var(--design-surface-sunken);flex:none;align-items:center;gap:7px;margin:8px;padding-inline:8px;display:flex}.design-catalog-search:focus-within{box-shadow:var(--design-focus-ring)}.design-catalog-search input{width:100%;min-width:0;color:var(--design-fg);background:0 0;border:0;outline:0}.design-catalog-list,.design-pane-content{overflow:auto}.design-catalog-list{flex:1;min-height:0;padding:4px 6px 6px}.design-catalog-list .design-small-muted{margin:8px}.design-catalog-row,.design-token-row{border-radius:var(--design-radius-small);text-align:left;align-items:center;gap:8px;width:100%;min-width:0;min-height:30px;padding:4px 8px;display:flex}.design-catalog-row:hover{background:var(--design-row-hover)}.design-catalog-row small{color:var(--design-fg-muted);font-variant-numeric:tabular-nums;margin-inline-start:auto}.design-token-row{justify-content:space-between}.design-row-icon{width:16px;height:16px;color:var(--design-fg-muted);flex:none;place-items:center;display:grid}.design-comments-panel{flex:1;min-height:0;overflow:auto}.design-main{background-color:var(--design-canvas-ground);background-image:var(--design-canvas-ground-image);background-size:var(--design-canvas-ground-size);background-position:var(--design-canvas-ground-position);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.design-main-hidden{display:none}.design-canvas-wrap{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.design-canvas-surface{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.design-pixel-grid{pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--design-fg) 18%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--design-fg) 18%, transparent) 1px, transparent 1px);position:absolute;inset:0}.design-canvas-surface:active{cursor:grabbing}.design-canvas-surface[aria-label*=annotation]{cursor:crosshair}.design-canvas-surface:focus-visible{box-shadow:inset 0 0 0 2px var(--design-focus-color);outline:none}.design-annotation-pins{z-index:2;pointer-events:none;position:absolute;inset:0}.design-annotation-pin{border:1.5px solid var(--card);width:20px;height:20px;color:var(--primary-foreground);background:var(--primary);font-variant-numeric:tabular-nums;pointer-events:auto;box-shadow:0 1px 3px color-mix(in srgb, var(--design-fg) 20%, transparent);border-radius:50% 50% 50% 0;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;transform:translateY(-100%)}.design-annotation-pin-blocking{background:var(--warning);color:var(--background)}.design-annotation-pin-resolved{opacity:.55}.design-annotation-pin:focus-visible{box-shadow:var(--design-focus-ring);outline:none}.design-annotation-region{border:1px solid var(--ring);background:color-mix(in srgb, var(--ring) 14%, transparent);pointer-events:none;position:absolute}.design-annotation-region[hidden],.design-annotation-pin[hidden],.design-selection-card[hidden]{display:none}.design-canvas-tools,.design-canvas-zoom{z-index:4;border:1px solid var(--design-island-border);border-radius:var(--design-island-radius);background:var(--design-island-bg);box-shadow:var(--design-island-shadow);-webkit-backdrop-filter:var(--design-island-backdrop);backdrop-filter:var(--design-island-backdrop);align-items:center;gap:2px;padding:3px;display:flex;position:absolute}.design-workspace-full .design-main>.design-canvas-wrap>.design-canvas-tools{inset-block-start:12px;inset-inline-start:50%;transform:translate(-50%)}.design-workspace-full .design-main>.design-canvas-wrap>.design-canvas-zoom{inset-block-end:12px;inset-inline-end:12px}.design-workspace-pane .design-canvas-tools{flex-direction:column;inset-block-start:10px;inset-inline-start:10px}.design-workspace-pane .design-canvas-zoom{inset-block-end:10px;inset-inline-end:10px}.design-tool-separator{background:var(--design-panel-border);flex:none;width:1px;height:18px;margin-inline:3px}.design-workspace-pane .design-tool-separator,.design-compare .design-tool-separator{width:18px;height:1px;margin:3px 0}.design-canvas-zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}.design-frame-labels{z-index:2;pointer-events:none;position:absolute;inset:0}.design-frame-mark{pointer-events:none;position:absolute}.design-frame-label{max-width:240px;color:var(--design-fg-muted);pointer-events:auto;transform:translateY(calc(-100% - var(--design-frame-label-offset,6px)));font-size:11px;font-weight:600;display:flex;position:absolute}.design-selection-badge{z-index:2;border-radius:var(--design-radius-small);color:var(--design-selection-fg);background:var(--design-selection);font-variant-numeric:tabular-nums;pointer-events:none;padding:1px 5px;font-size:11px;position:absolute;transform:translate(-50%,7px)}.design-agent-edit{z-index:2;border-radius:var(--design-agent-edit-radius);outline:var(--design-agent-edit-outline);outline-offset:var(--design-agent-edit-offset);box-shadow:var(--design-agent-edit-glow);pointer-events:none;transition:opacity .15s var(--design-ease-out);position:absolute}@starting-style{.design-agent-edit{opacity:0}}.design-agent-edit-callout{width:max-content;max-width:260px;position:absolute;inset-block-start:0;inset-inline-start:calc(100% + var(--design-agent-edit-reach) + var(--design-agent-edit-callout-gap))}.design-agent-edit[data-side=left] .design-agent-edit-callout{inset-inline:auto calc(100% + var(--design-agent-edit-reach) + var(--design-agent-edit-callout-gap))}.design-paint{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.design-paint-field{background:var(--design-paint-field);background-position:var(--paint-ox,0) var(--paint-oy,0);border:var(--design-paint-field-edge);border-radius:var(--design-paint-radius);animation:design-paint-in .16s var(--design-ease-out) both;position:absolute}.design-paint-field[data-failed]{background:var(--design-paint-field-warn);background-position:var(--paint-ox,0) var(--paint-oy,0);border:var(--design-paint-field-warn-edge)}.design-paint-wipe{animation:.4s cubic-bezier(.77,0,.175,1) both design-paint-wipe}.design-paint-label,.design-paint-pill,.design-paint-chip{border:1px solid var(--design-paint-pill-border);border-radius:var(--design-paint-pill-radius);max-width:320px;height:22px;color:var(--design-paint-pill-fg);background:var(--design-paint-pill-bg);box-shadow:var(--design-paint-pill-shadow);font-family:var(--design-font-display);font-size:12px;font-weight:var(--design-display-weight,600);letter-spacing:var(--design-display-tracking);text-transform:var(--design-display-case);white-space:nowrap;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.design-paint-label b,.design-paint-pill b{font-weight:inherit}.design-paint-label svg,.design-paint-chip svg{flex:none;width:13px;height:13px}.design-paint-label{animation:design-paint-in .16s var(--design-ease-out) both;transform:translateY(calc(-100% - var(--design-frame-label-offset,6px)));position:absolute}.design-paint-label[data-inside]{margin:6px 0 0 6px;transform:none}.design-paint-flash{border:var(--design-paint-outline);border-radius:var(--design-paint-radius);background:var(--design-paint-flash-tint);animation:design-paint-flash .65s var(--design-ease-out) both;position:absolute}.design-paint-cursor{opacity:0;transition:opacity .24s var(--design-ease-out) .9s;will-change:transform;position:absolute;top:0;left:0}.design-paint-cursor[data-shown]{opacity:1;transition-duration:.14s;transition-delay:0s}.design-paint-glide{scale:var(--design-cursor-scale,1);transform-origin:0 0;margin:-1.5px 0 0 -2px;position:relative}.design-paint-cursor[data-size=medium]{--design-cursor-scale:1.25}.design-paint-cursor[data-size=large]{--design-cursor-scale:1.5}.design-paint-glide svg{filter:drop-shadow(0 1px 1px #00000059) drop-shadow(var(--design-paint-cursor-glow));display:block}.design-paint-arrow{fill:var(--design-paint-cursor-fill);stroke:var(--design-paint-cursor-stroke)}.design-paint-pill{width:max-content;position:absolute;top:17px;left:15px}.design-paint-pill span{border-left:1px solid color-mix(in srgb, currentColor 40%, transparent);font-family:var(--design-font-mono,var(--font-mono,ui-monospace, monospace));letter-spacing:0;text-transform:none;opacity:.85;text-overflow:ellipsis;max-width:140px;padding-left:7px;font-size:11px;font-weight:400;overflow:hidden}.design-paint-cursor[data-flip] .design-paint-pill{left:auto;right:15px}.design-paint-cursor[data-failed]{--design-paint-pill-bg:var(--design-paint-warn-bg);--design-paint-pill-fg:var(--design-paint-warn-fg);--design-paint-pill-border:var(--design-paint-warn-border);--design-paint-cursor-fill:var(--design-paint-warn);--design-paint-cursor-stroke:var(--design-paint-warn-cursor-stroke);--design-paint-cursor-glow:none;--design-paint-pill-shadow:var(--design-float-shadow)}.design-paint-cursor[data-failed] .design-paint-pill{border-radius:min(var(--design-paint-pill-radius), 12px);white-space:normal;text-transform:none;letter-spacing:0;max-width:420px;height:auto;padding-block:3px;font-size:12.5px;line-height:1.4;display:block}.design-paint-pill[hidden]{display:none}.design-paint-chip{pointer-events:auto;cursor:pointer;height:28px;padding-inline:10px 12px;position:absolute;transform:translate(-100%,-50%)}.design-paint-chip[data-side=left]{transform:translateY(-50%)}.design-paint-chip[data-side=top]{transform:translate(-50%)}.design-paint-chip[data-side=bottom]{transform:translate(-50%,-100%)}.design-paint-chip:focus-visible{box-shadow:var(--design-focus-ring);outline:none}@keyframes design-paint-in{0%{opacity:0}}@keyframes design-paint-flash{0%{opacity:0}18%,45%{opacity:1}to{opacity:0}}@keyframes design-paint-wipe{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@media (prefers-reduced-motion:reduce){.design-paint-wipe{animation:design-paint-out .16s var(--design-ease-out) both}.design-paint-cursor{transition-duration:0s}}@keyframes design-paint-out{to{opacity:0}}.design-selection-card{z-index:3;border:1px solid var(--design-island-border);border-radius:var(--design-island-radius);background:var(--design-island-bg);width:300px;max-height:calc(100% - 72px);box-shadow:var(--design-island-shadow);-webkit-backdrop-filter:var(--design-island-backdrop);backdrop-filter:var(--design-island-backdrop);transition:opacity .15s var(--design-ease-out);flex-direction:column;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}@starting-style{.design-selection-card{opacity:0}}.design-selection-card-header{flex:none;align-items:center;gap:6px;padding:7px 6px 7px 12px;display:flex}.design-selection-card-header>svg{color:var(--design-fg-muted);flex:none}.design-selection-card-header h2{flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;display:flex}.design-geometry{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0 12px;display:grid}.design-geometry>div{border:1px solid var(--design-field-border);border-radius:var(--design-radius-control);background:var(--design-surface-sunken);align-items:center;gap:8px;height:28px;padding:0 8px;display:flex}.design-geometry dt{color:var(--design-fg-muted);font-size:12px}.design-geometry dd{font-variant-numeric:tabular-nums;margin:0}.design-selection-card-actions{flex:none;align-items:center;gap:6px;padding:10px 12px 12px;display:flex}.design-selection-card-more{border-top:1px solid var(--design-panel-border);min-height:0;overflow:auto}.design-canvas-error{z-index:4;inset-inline:16px;border:1px solid var(--warning);border-radius:var(--design-radius-control);background:var(--design-surface);padding:8px 10px;position:absolute;bottom:56px}.design-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:auto;padding:24px;display:flex}.design-notice>svg{color:var(--design-fg-muted)}.design-notice strong{font-size:14px;font-weight:600}.design-notice p{max-width:300px;color:var(--design-fg-muted);line-height:1.4}.design-layer-viewport{flex:1;min-height:0;overflow:auto}.design-layer-row{border-radius:var(--design-radius-small);align-items:center;height:30px;margin-block:1px;padding-right:6px;display:flex;position:absolute;left:4px;right:4px}.design-layer-row:hover{background:var(--design-row-hover)}.design-layer-row[aria-selected=true],.design-layer-row[aria-selected=true]:hover{background:var(--design-row-selected);box-shadow:inset 0 0 0 1px var(--design-panel-border)}.design-layer-disclosure,.design-layer-spacer{border-radius:var(--design-radius-small);width:20px;height:24px;color:var(--design-fg-muted);flex:none;place-items:center;display:grid}.design-layer-select{border-radius:var(--design-radius-small);text-align:left;flex:1;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.design-inspector-content{padding:0 0 12px}.design-inspector-identity{gap:4px;padding:12px 14px;display:grid}.design-inspector-title{align-items:center;gap:6px;min-width:0;margin:0;font-size:14px;font-weight:600;display:flex}.design-inspector-title>svg{color:var(--design-fg-muted);flex:none}.design-inspector-meta{align-items:center;gap:6px;display:flex}.design-inspector-section{border-top:1px solid var(--design-panel-border);margin:0;padding:10px 14px}.design-selection-card-more .design-inspector-section:first-child{border-top:0}.design-inspector-section h3{margin:0 0 6px;font-size:12px;font-weight:600}.design-inspector-section p{color:var(--design-fg-muted);margin-top:4px}.design-property-list{margin:0}.design-property{grid-template-columns:minmax(62px,38%) minmax(0,1fr);align-items:start;gap:7px;padding:4px 0;display:grid}.design-property dt{color:var(--design-fg-muted)}.design-property dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-direction:column;min-width:0;margin:0;display:flex}.design-property dd small{color:var(--design-fg-muted);margin-top:3px;display:block}.design-fill-value{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.design-fill-value small{flex-basis:100%;margin:0}.design-swatch{border:1px solid var(--design-panel-border);border-radius:var(--design-radius-small);flex:none;width:14px;height:14px}.design-inspector-hint{color:var(--design-fg-muted);margin:10px 14px 0}.design-inspector-actions{padding:8px 12px 14px}.design-author-hint{border-bottom:1px solid var(--design-panel-border);color:var(--design-fg-muted);margin:0;padding:10px 12px;font-size:12px}.design-annotation-stale{border-bottom:1px solid var(--design-panel-border);color:var(--design-fg-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.design-comment-heading{align-items:center;gap:8px;display:flex}.design-comment-heading .design-small-muted{margin-inline-start:auto}.design-comment-number{min-width:18px;height:18px;color:var(--primary-foreground);background:var(--primary);font-variant-numeric:tabular-nums;border-radius:50% 50% 50% 0;flex:none;place-items:center;padding:0 4px;font-size:10px;font-weight:600;display:grid}.design-comment-number-blocking{background:var(--warning);color:var(--background)}.design-header{border:1px solid var(--design-panel-border);border-radius:var(--design-radius);background:var(--design-surface);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 12px;min-width:0;min-height:42px;margin:8px 8px 0;padding:4px 6px;display:flex}.design-heading{align-items:center;gap:8px;min-width:0;display:flex}.design-heading .design-small-muted{flex:none}.design-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.design-header-actions button{white-space:nowrap}.design-pane-tabs{border:1px solid var(--design-panel-border);border-radius:var(--design-radius);background:var(--design-surface);flex:none;align-items:center;min-width:0;margin:7px 8px 0;display:flex;overflow:hidden}.design-pane-tabs button{min-width:0;min-height:36px;color:var(--design-fg-muted);text-align:center;white-space:nowrap;border-bottom:2px solid #0000;flex:1;padding:6px 4px}.design-pane-tabs button:hover{color:var(--design-fg)}.design-pane-tabs button[aria-current=page]{border-bottom-color:var(--design-fg);color:var(--design-fg);font-weight:600}.design-pane-content{border:1px solid var(--design-panel-border);border-radius:var(--design-radius);background:var(--design-surface);flex-direction:column;flex:1;min-width:0;min-height:0;margin:7px 8px 0;display:flex}.design-workspace-pane .design-main{flex:1;min-height:0;margin-top:7px}.design-review-error{border-radius:var(--design-radius-control);color:var(--destructive-foreground);background:var(--design-surface);margin:7px 8px 0;padding:7px 12px}.design-review-strip{border:1px solid var(--design-panel-border);border-radius:var(--design-radius);background:var(--design-surface);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:54px;margin:7px 8px 8px;padding:8px 10px;display:flex}.design-review-summary{flex:1;gap:2px;min-width:0;display:grid}.design-review-summary strong{font-weight:600}.design-review-summary small{color:var(--muted-foreground);line-height:1.35}.design-review-popover{gap:10px;display:grid}.design-review-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.design-review-author{min-width:0;color:var(--muted-foreground);white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.design-workspace :is(button,input,textarea,[tabindex="0"]):not([data-slot]):focus-visible{box-shadow:var(--design-focus-ring);outline:none}@container (width<=900px){.design-topbar{flex-wrap:wrap}.design-topbar-notices{flex-basis:100%;order:3;padding-bottom:3px}.design-topbar-actions{flex-wrap:wrap;flex:auto;justify-content:flex-end}}@container (width<=760px){.design-agent{z-index:10;width:min(340px,100%);box-shadow:var(--design-float-shadow);position:absolute;inset-block:0;inset-inline-start:0}}@media (forced-colors:active){.design-layer-row[aria-selected=true],.design-catalog-tabs button[aria-selected=true]{outline:1px solid highlight}}.design-transfer-panel{gap:16px;display:grid}.design-transfer-tabs{border-bottom:1px solid var(--sidebar-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-transfer-tabs button{min-height:38px;color:var(--muted-foreground);border-bottom:2px solid #0000}.design-transfer-tabs button[aria-selected=true]{border-bottom-color:var(--foreground);color:var(--foreground);font-weight:600}.design-transfer-fields{gap:8px;display:grid}.design-transfer-fields label:not(.design-transfer-checkbox){margin-top:5px}.design-transfer-file{align-items:center;gap:8px;min-width:0;display:flex}.design-transfer-checkbox{color:var(--foreground);align-items:center;gap:8px;font-size:13px;display:flex}.design-transfer-progress,.design-transfer-result{color:var(--muted-foreground);gap:7px;font-size:13px;display:grid}.design-transfer-progress progress{width:100%;accent-color:var(--primary)}.design-transfer-result{border-top:1px solid var(--sidebar-border);overflow-wrap:anywhere;padding-top:12px}.design-transfer-result strong{color:var(--foreground)}.design-transfer-error{color:var(--destructive);font-size:13px}.design-transfer-hint{color:var(--muted-foreground);margin:0;font-size:13px}.design-editor-heading,.design-annotation-editor,.design-reply-form{flex-direction:column;gap:9px;display:flex}.design-annotation-editor{border-bottom:1px solid var(--design-panel-border);padding:12px}.design-annotation-editor label,.design-reply-form label{flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.design-annotation-editor input:not([type=checkbox]),.design-annotation-editor textarea,.design-reply-form textarea{border:1px solid var(--design-field-border);border-radius:var(--design-radius-small);width:100%;min-width:0;color:var(--design-fg);background:var(--design-surface-sunken);padding:7px 8px}.design-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.design-annotation-editor .design-editor-checkbox{flex-direction:row;align-items:center}.design-editor-actions,.design-comment-actions{justify-content:flex-end;gap:6px;display:flex}.design-comments{padding:4px 9px 9px}.design-comment{border-bottom:1px solid var(--design-panel-border);padding:10px 4px}.design-comment p{overflow-wrap:anywhere;margin-top:8px}.design-comment-meta{color:var(--design-fg-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;font-size:11px;display:flex}.design-comment-label{border:1px solid var(--design-panel-border);border-radius:var(--design-radius-small);padding:2px 5px}.design-reply{border-inline-start:2px solid var(--design-panel-border);margin:10px 0 0 10px;padding-inline-start:9px}.design-reply-form{margin-top:10px}.design-compare{flex-direction:column;flex:1;min-height:0;display:flex}.design-compare-header{border-bottom:1px solid var(--design-panel-border);background:var(--design-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.design-compare-revisions{flex-direction:column;min-width:0;display:flex}.design-compare-controls,.design-compare-controls nav{flex-wrap:wrap;gap:4px;display:flex}.design-compare-controls nav button{border-radius:var(--design-radius-small);min-height:30px;color:var(--design-fg-muted);padding:4px 8px}.design-compare-controls nav button[aria-current=page]{color:var(--design-fg);background:var(--accent)}.design-compare-pair{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.design-compare-pair>section{border-inline-end:1px solid var(--design-panel-border);flex-direction:column;min-width:0;min-height:0;display:flex}.design-compare-pair .design-canvas-wrap{min-height:160px}.design-compare-caption{background:var(--design-surface);color:var(--design-fg-muted);padding:5px 10px;font-size:12px}.design-compare-overlay{flex-direction:column;flex:1;min-height:0;display:flex}.design-compare-opacity{background:var(--design-surface);align-items:center;gap:8px;padding:6px 12px;display:flex}.design-compare-overlay-stack{flex:1;min-height:0;position:relative}.design-compare-overlay-stack>.design-canvas-wrap,.design-compare-overlay-stack>div:last-child{position:absolute;inset:0}.design-compare-overlay-stack>.design-canvas-wrap{pointer-events:none}.design-compare-overlay-stack>.design-canvas-wrap .design-canvas-tools,.design-compare-overlay-stack>.design-canvas-wrap .design-canvas-zoom,.design-compare-overlay-stack>.design-canvas-wrap .design-frame-labels,.design-compare-overlay-stack>.design-canvas-wrap .design-selection-badge{display:none}.design-compare .design-canvas-tools{flex-direction:column;inset-block-start:10px;inset-inline-start:10px}.design-compare .design-canvas-zoom{inset-block-end:10px;inset-inline-end:10px}.design-compare-overlay-stack>div:last-child{display:flex}.design-compare-overlay-stack>div:last-child .design-canvas-surface{opacity:var(--design-after-opacity)}.design-compare-changes{min-height:0;padding:12px;overflow:auto}.design-compare-changes li{border-bottom:1px solid var(--design-panel-border);align-items:baseline;gap:10px;padding:8px 0;display:flex}.design-compare-changes code{overflow-wrap:anywhere}.design-compare-changes small{color:var(--design-fg-muted);margin-top:3px;display:block}@container (width<=500px){.design-compare-pair{grid-template-rows:repeat(2,minmax(160px,1fr));grid-template-columns:minmax(0,1fr)}.design-editor-fields{grid-template-columns:minmax(0,1fr)}}.design-switcher-item{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.design-switcher-item>.design-truncate{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:is(:root[data-theme=draftsman],[data-design-theme=draftsman]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius:0px;--app-font-sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--p4-font-display:"Avenir Next Condensed", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;--p4-font-mono:"SF Mono", "SFMono-Regular", ui-monospace, Menlo, "JetBrains Mono", Consolas, monospace;--background:#163683;--app-chrome-background:#0f2865;--surface-raised:#1a3c8e;--foreground:#f3f6ff;--card:#0f2865;--card-foreground:#f3f6ff;--popover:#0f2865;--popover-foreground:#f3f6ff;--primary:#6ef0c2;--primary-foreground:#06281f;--secondary:#dce6ff14;--secondary-foreground:#f3f6ff;--muted:#1a3c8e;--muted-foreground:#c6d0ec;--accent:#dce6ff1f;--accent-foreground:#f3f6ff;--border:#dce6ff47;--input:#dce6ff80;--ring:#fff;--destructive:#ffa0a0;--destructive-foreground:#ffa0a0;--warning:#ffc65c;--warning-foreground:#ffc65c;--success:#6ef0c2;--success-foreground:#6ef0c2;--info:#a9c4ff;--info-foreground:#a9c4ff;--sidebar:#1a3c8e;--sidebar-foreground:#f3f6ff;--sidebar-muted-foreground:#c6d0ec;--sidebar-control-surface:#dce6ff14;--sidebar-row-hover:#dce6ff14;--sidebar-row-active:#dce6ff1f;--sidebar-row-selected:#dce6ff1f;--sidebar-border:#dce6ff47;--app-scrollbar-thumb:#dce6ff38;--app-scrollbar-thumb-hover:#dce6ff57}:is(:root[data-theme=draftsman],[data-design-theme=draftsman]) .design-workspace{--design-bg:#163683;--design-topbar-bg:#0f2865;--design-agent-bg:#1a3c8e;--design-surface:#1a3c8e;--design-surface-sunken:#0f2865;--design-catalog-bg:#0f2865;--design-row-hover:#dce6ff14;--design-row-selected:#dce6ff1f;--design-panel-border:#dce6ff80;--design-field-border:#dce6ff80;--design-fg:#f3f6ff;--design-fg-muted:#c6d0ec;--design-accent:#6ef0c2;--design-selection:#0e9f74;--design-selection-fg:#fff;--design-change-stroke:#0e9f74;--design-focus-color:#fff;--design-focus-ring:0 0 0 2px #0f2865, 0 0 0 4px #fff;--design-radius:0px;--design-radius-control:0px;--design-radius-small:0px;--design-float-shadow:none;--design-island-bg:#0f2865;--design-island-border:#c6d0ec;--design-island-radius:0px;--design-island-shadow:none;--design-canvas-ground:#163683;--design-canvas-ground-image:var(--design-ground-blueprint);--design-canvas-ground-size:var(--design-ground-blueprint-size);--design-canvas-ground-position:-1px -1px;--design-grid-line:#dce6ff21;--design-grid-line-minor:#dce6ff0e;--design-font-ui:var(--app-font-sans);--design-font-display:var(--p4-font-display);--design-font-mono:var(--p4-font-mono);--design-display-case:uppercase;--design-display-tracking:.06em;--design-display-weight:600;--design-agent-edit-color:#0e9f74;--design-agent-edit-outline:1.5px dashed var(--design-agent-edit-color);--design-agent-edit-offset:5px;--design-agent-edit-radius:0px;--design-agent-edit-callout-gap:40px;--design-frame-label-offset:30px;--design-paint-color:#0e9f74;--design-paint-hatch:#0e9f7447;--design-paint-tint:#0e9f7414;--design-paint-flash-tint:#0e9f7429;--design-paint-radius:0px;--design-paint-pill-bg:#6ef0c2;--design-paint-pill-fg:#06281f;--design-paint-pill-radius:0px;--design-paint-pill-shadow:none;--design-paint-cursor-fill:#6ef0c2;--design-paint-cursor-stroke:#0f2865;--design-paint-warn:#ffc65c;--design-paint-warn-bg:#ffc65c;--design-paint-warn-fg:#3d2a00;--design-paint-warn-cursor-stroke:#3d2a00}:is(:root[data-theme=atelier],[data-design-theme=atelier]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius:2px;--app-font-sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--p4-font-display:"New York", ui-serif, "Iowan Old Style", Charter, Georgia, serif;--p4-font-mono:"SF Mono", "SFMono-Regular", ui-monospace, Menlo, "JetBrains Mono", Consolas, monospace;--p4-pen:#b4441c;--background:#f3efe6;--app-chrome-background:#f3efe6;--surface-raised:#fbf9f4;--foreground:#1c1a17;--card:#fbf9f4;--card-foreground:#1c1a17;--popover:#fbf9f4;--popover-foreground:#1c1a17;--primary:#1c1a17;--primary-foreground:#f3efe6;--secondary:#ebe5d9;--secondary-foreground:#1c1a17;--muted:#ebe5d9;--muted-foreground:#5c564f;--accent:#1c1a1712;--accent-foreground:#1c1a17;--border:#1c1a1729;--input:#1c1a174d;--ring:#a83f1a;--destructive:#9b1c3a;--destructive-foreground:#9b1c3a;--warning:#8a6100;--warning-foreground:#6f4c00;--success:#2f6b3a;--success-foreground:#2f6b3a;--info:#2c5282;--info-foreground:#2c5282;--sidebar:#ebe5d9;--sidebar-foreground:#1c1a17;--sidebar-muted-foreground:#5c564f;--sidebar-control-surface:#1c1a170f;--sidebar-row-hover:#1c1a170d;--sidebar-row-active:#fbf9f4;--sidebar-row-selected:#f1dccf;--sidebar-border:#1c1a174d}:is(:root[data-theme=atelier],[data-design-theme=atelier]) .design-workspace{--design-bg:#e9e3d6;--design-topbar-bg:#f3efe6 var(--design-ground-grain);--design-agent-bg:#ebe5d9 var(--design-ground-grain);--design-surface:#fbf9f4;--design-surface-sunken:#fbf9f4;--design-catalog-bg:#fbf9f4;--design-row-hover:#1c1a170d;--design-row-selected:#f1dccf;--design-panel-border:#1c1a174d;--design-field-border:#1c1a174d;--design-fg:#1c1a17;--design-fg-muted:#5c564f;--design-accent:#a83f1a;--design-selection:#b4441c;--design-selection-fg:#fff;--design-change-stroke:#b4441c;--design-focus-color:#a83f1a;--design-focus-ring:0 0 0 2px #f3efe6, 0 0 0 4px #a83f1a;--design-radius:2px;--design-radius-control:2px;--design-radius-small:2px;--design-float-shadow:3px 3px 0 #1c1a174d;--design-island-bg:#fbf9f4;--design-island-border:#1c1a17;--design-island-radius:2px;--design-island-shadow:3px 3px 0 #1c1a174d;--design-canvas-ground:#e9e3d6;--design-canvas-ground-image:var(--design-ground-grain), var(--design-ground-grid);--design-canvas-ground-size:var(--design-ground-grain-size), var(--design-ground-grid-size);--design-canvas-ground-position:0 0, -1px -1px, -1px -1px;--design-grid-line:#1c1a1712;--design-font-ui:var(--app-font-sans);--design-font-display:var(--p4-font-display);--design-font-mono:var(--p4-font-mono);--design-display-case:none;--design-display-tracking:-.01em;--design-display-weight:600;--design-agent-edit-outline:none;--design-agent-edit-callout-gap:48px;--design-paint-color:#b4441c;--design-paint-hatch:#b4441c52;--design-paint-tint:#b4441c12;--design-paint-flash-tint:#b4441c21;--design-paint-radius:2px;--design-paint-pill-bg:#b4441c;--design-paint-pill-fg:#fbf9f4;--design-paint-pill-radius:2px;--design-paint-pill-shadow:2px 2px 0 #1c1a1740;--design-paint-cursor-fill:#b4441c;--design-paint-cursor-stroke:#fbf9f4;--design-paint-warn:#6f4c00;--design-paint-warn-bg:#efe1bd;--design-paint-warn-fg:#6f4c00;--design-paint-warn-border:#6f4c00}:is(:root[data-theme=night],[data-design-theme=night]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius:.75rem;--app-font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--p4-font-display:var(--app-font-sans);--p4-font-mono:"SF Mono", "SFMono-Regular", ui-monospace, Menlo, "JetBrains Mono", Consolas, monospace;--p4-glow:#7356f0;--background:#0a0a0d;--app-chrome-background:#0a0a0d;--surface-raised:#17171e;--foreground:#f4f4f6;--card:#17171e;--card-foreground:#f4f4f6;--popover:#1b1b23;--popover-foreground:#f4f4f6;--primary:#7356f0;--primary-foreground:#fff;--secondary:#ffffff0f;--secondary-foreground:#f4f4f6;--muted:#ffffff0d;--muted-foreground:#acacb8;--accent:#ffffff12;--accent-foreground:#f4f4f6;--border:#ffffff17;--input:#ffffff29;--ring:#cfc3ff;--destructive:#ff7a88;--destructive-foreground:#ff7a88;--warning:#fbbf24;--warning-foreground:#fcd34d;--success:#4ade80;--success-foreground:#4ade80;--info:#a28cff;--info-foreground:#a28cff;--sidebar:#121218;--sidebar-foreground:#f4f4f6;--sidebar-muted-foreground:#acacb8;--sidebar-control-surface:#ffffff0d;--sidebar-row-hover:#ffffff0d;--sidebar-row-active:#a28cff24;--sidebar-row-selected:#a28cff24;--sidebar-border:#ffffff17;--app-scrollbar-thumb:#ffffff1a;--app-scrollbar-thumb-hover:#ffffff29}:is(:root[data-theme=night],[data-design-theme=night]) .design-workspace{--design-bg:#0a0a0d;--design-topbar-bg:#0a0a0dd9;--design-agent-bg:#17171ecc;--design-surface:#ffffff0a;--design-surface-sunken:#ffffff0d;--design-catalog-bg:#17171ecc;--design-row-hover:#ffffff0d;--design-row-selected:#a28cff24;--design-panel-border:#ffffff17;--design-field-border:#ffffff17;--design-fg:#f4f4f6;--design-fg-muted:#acacb8;--design-accent:#a28cff;--design-selection:#7356f0;--design-selection-fg:#fff;--design-change-stroke:#7356f0;--design-focus-color:#cfc3ff;--design-focus-ring:0 0 0 2px #0a0a0d, 0 0 0 4px #cfc3ff;--design-radius:12px;--design-radius-control:9px;--design-radius-small:7px;--design-float-shadow:inset 0 1px 0 #ffffff12, 0 24px 60px #00000073;--design-island-bg:#17171ecc;--design-island-border:#ffffff17;--design-island-radius:14px;--design-island-shadow:inset 0 1px 0 #ffffff12, 0 24px 60px #00000073;--design-island-backdrop:blur(24px) saturate(140%);--design-canvas-ground:#0a0a0d;--design-canvas-ground-image:var(--design-ground-field), var(--design-ground-dots);--design-canvas-ground-size:var(--design-ground-field-size), var(--design-ground-dots-size);--design-field-color:#7356f0;--design-grid-line:#ffffff12;--design-font-ui:var(--app-font-sans);--design-font-display:var(--p4-font-display);--design-font-mono:var(--p4-font-mono);--design-display-tracking:-.015em;--design-display-weight:650;--design-agent-edit-outline:none;--design-agent-edit-offset:0px;--design-agent-edit-radius:10px;--design-agent-edit-glow:0 0 0 1px #7356f0, 0 0 0 6px #7356f033, 0 0 44px 10px #a28cff73;--design-agent-inset:12px 0 12px 12px;--design-agent-border:1px solid var(--design-island-border);--design-agent-radius:16px;--design-agent-shadow:var(--design-island-shadow);--design-agent-backdrop:var(--design-island-backdrop);--design-paint-color:#a28cff;--design-paint-field:radial-gradient(70% 60% at 30% 25%, #a28cff3d, transparent 75%), #7356f014;--design-paint-field-edge:1px solid #a28cff8c;--design-paint-flash-tint:#a28cff29;--design-paint-radius:10px;--design-paint-pill-bg:#17171ed1;--design-paint-pill-fg:#f4f4f6;--design-paint-pill-border:#a28cff99;--design-paint-pill-radius:999px;--design-paint-pill-shadow:0 0 18px #7356f080;--design-paint-cursor-fill:#a28cff;--design-paint-cursor-stroke:#0a0a0d;--design-paint-cursor-glow:0 0 6px #a28cffcc;--design-paint-warn:#fbbf24;--design-paint-warn-bg:#221a07;--design-paint-warn-fg:#fbbf24;--design-paint-warn-border:#fbbf24b3}@media (prefers-reduced-transparency:reduce){:is(:root[data-theme=night],[data-design-theme=night]) .design-workspace{--design-topbar-bg:#0a0a0d;--design-catalog-bg:#17171e;--design-island-bg:#17171e;--design-island-border:#ffffff29;--design-island-backdrop:none;--design-agent-bg:#17171e}}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{n as t,r as n,t as r}from"./compiler-runtime-CLAvuQ-D.js";import{Bi as i,Bl as a,Cl as o,Ei as s,Fi as c,Fu as l,G as u,H as d,Hi as f,Ii as p,Li as m,Mn as h,Ni as g,Pi as _,Qs as v,Rl as y,U as b,Ui as x,Ul as S,Vc as C,Vi as ee,Vl as w,W as T,Zl as E,al as D,bp as O,eu as k,f as A,i as j,iu as M,ki as N,n as te,q as ne,r as re,vp as ie,zi as ae}from"./textarea-B7H3jk59.js";import{$ as oe,$n as P,$r as F,B as I,Br as L,Cr as R,E as se,Ei as ce,F as z,Fi as le,Gi as ue,Gr as B,Hr as V,I as de,Jr as H,Ki as fe,Kr as pe,L as U,Qn as W,R as G,Rr as me,Ti as he,Ur as K,V as q,Vr as J,Wr as Y,Xr as X,Yr as ge,Zn as _e,Zr as ve,_i as ye,a as be,ai as xe,bi as Se,br as Ce,c as we,d as Te,ei as Ee,er as De,et as Oe,i as ke,ii as Ae,ji as je,l as Me,m as Ne,n as Pe,ni as Fe,o as Ie,qr as Le,r as Re,ri as ze,s as Be,t as Ve,ti as He,tr as Ue,tt as We,u as Ge,vi as Ke,wi as qe,xi as Je,z as Ye,zr as Xe}from"./index-CJxJFMPU.js";var Ze=v(`camera`,[[`path`,{d:`M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z`,key:`18u6gg`}],[`circle`,{cx:`12`,cy:`13`,r:`3`,key:`1vg3eu`}]]),Qe=v(`ellipsis-vertical`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`12`,cy:`5`,r:`1`,key:`gxeob9`}],[`circle`,{cx:`12`,cy:`19`,r:`1`,key:`lyex9k`}]]),$e=v(`radio-tower`,[[`path`,{d:`M4.9 16.1C1 12.2 1 5.8 4.9 1.9`,key:`s0qx1y`}],[`path`,{d:`M7.8 4.7a6.14 6.14 0 0 0-.8 7.5`,key:`1idnkw`}],[`circle`,{cx:`12`,cy:`9`,r:`2`,key:`1092wv`}],[`path`,{d:`M16.2 4.8c2 2 2.26 5.11.8 7.47`,key:`ojru2q`}],[`path`,{d:`M19.1 1.9a9.96 9.96 0 0 1 0 14.1`,key:`rhi7fg`}],[`path`,{d:`M9.5 18h5`,key:`mfy3pd`}],[`path`,{d:`m8 22 4-11 4 11`,key:`25yftu`}]]),Z=r(),Q=e(n(),1),$=t(),et=()=>{};function tt(e){let t=(0,Z.c)(116),{url:n,displayUrl:r,loading:i,loadProgress:a,canGoBack:o,canGoForward:c,refreshDisabled:l,inputDisabled:d,focusUrlNonce:f,onBack:p,onForward:m,onRefresh:h,onSubmit:g,onOpenInBrowser:_,onCapture:v,captureDisabled:y,recording:b,onPictureInPicture:S,pictureInPicture:C,pictureInPictureDisabled:ee,onPickElement:w,pickActive:E,pickDisabled:D,pickDisabledReason:O,trailingActions:k}=e,A=(0,Q.useRef)(null),[j,M]=(0,Q.useState)(n),[N,te]=(0,Q.useState)(!1),re;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(re=[],t[0]=re):re=t[0];let[ie,ae]=(0,Q.useState)(re),[P,F]=(0,Q.useState)(-1),I=(0,Q.useId)(),L;t[1]!==j||t[2]!==ie||t[3]!==N||t[4]!==n?(L=N&&j!==n?Ge(ie,j):[],t[1]=j,t[2]=ie,t[3]=N,t[4]=n,t[5]=L):L=t[5];let R=L,se,ce;t[6]===f?(se=t[7],ce=t[8]):(se=()=>{if(f==null)return;let e=A.current;e&&e.focus()},ce=[f],t[6]=f,t[7]=se,t[8]=ce),(0,Q.useEffect)(se,ce);let z;t[9]!==P||t[10]!==j||t[11]!==g||t[12]!==R?(z=e=>{e?.preventDefault();let t=R[P]?.url??j.trim();t.length!==0&&(g(t),A.current?.blur())},t[9]=P,t[10]=j,t[11]=g,t[12]=R,t[13]=z):z=t[13];let B=z,V=o?p:et,de=!o,H;t[14]!==V||t[15]!==de?(H=(0,$.jsx)(s,{variant:`ghost`,size:`icon-xs`,onClick:V,disabled:de,"aria-label":`Back`,type:`button`}),t[14]=V,t[15]=de,t[16]=H):H=t[16];let pe;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(pe=(0,$.jsx)(fe,{}),t[17]=pe):pe=t[17];let U;t[18]===H?U=t[19]:(U=(0,$.jsx)(ne,{render:H,children:pe}),t[18]=H,t[19]=U);let W;t[20]===Symbol.for(`react.memo_cache_sentinel`)?(W=(0,$.jsx)(u,{children:`Back`}),t[20]=W):W=t[20];let G;t[21]===U?G=t[22]:(G=(0,$.jsxs)(T,{children:[U,W]}),t[21]=U,t[22]=G);let me=c?m:et,he=!c,K;t[23]!==me||t[24]!==he?(K=(0,$.jsx)(s,{variant:`ghost`,size:`icon-xs`,onClick:me,disabled:he,"aria-label":`Forward`,type:`button`}),t[23]=me,t[24]=he,t[25]=K):K=t[25];let q;t[26]===Symbol.for(`react.memo_cache_sentinel`)?(q=(0,$.jsx)(ue,{}),t[26]=q):q=t[26];let J;t[27]===K?J=t[28]:(J=(0,$.jsx)(ne,{render:K,children:q}),t[27]=K,t[28]=J);let Y;t[29]===Symbol.for(`react.memo_cache_sentinel`)?(Y=(0,$.jsx)(u,{children:`Forward`}),t[29]=Y):Y=t[29];let X;t[30]===J?X=t[31]:(X=(0,$.jsxs)(T,{children:[J,Y]}),t[30]=J,t[31]=X);let ge=l?et:h,_e=i?`Stop`:`Refresh`,ve;t[32]!==l||t[33]!==ge||t[34]!==_e?(ve=(0,$.jsx)(s,{variant:`ghost`,size:`icon-xs`,onClick:ge,disabled:l,"aria-label":_e,type:`button`}),t[32]=l,t[33]=ge,t[34]=_e,t[35]=ve):ve=t[35];let be=i&&`animate-spin`,xe;t[36]===be?xe=t[37]:(xe=x(be),t[36]=be,t[37]=xe);let Se;t[38]===xe?Se=t[39]:(Se=(0,$.jsx)(ye,{className:xe}),t[38]=xe,t[39]=Se);let Ce;t[40]!==ve||t[41]!==Se?(Ce=(0,$.jsx)(ne,{render:ve,children:Se}),t[40]=ve,t[41]=Se,t[42]=Ce):Ce=t[42];let we=i?`Loading…`:`Refresh`,Te;t[43]===we?Te=t[44]:(Te=(0,$.jsx)(u,{children:we}),t[43]=we,t[44]=Te);let Ee;t[45]!==Ce||t[46]!==Te?(Ee=(0,$.jsxs)(T,{children:[Ce,Te]}),t[45]=Ce,t[46]=Te,t[47]=Ee):Ee=t[47];let De;t[48]!==G||t[49]!==X||t[50]!==Ee?(De=(0,$.jsxs)(`div`,{className:`flex items-center gap-0.5`,role:`group`,"aria-label":`Navigation`,children:[G,X,Ee]}),t[48]=G,t[49]=X,t[50]=Ee,t[51]=De):De=t[51];let ke=N?j:r??n,Ae=_&&!N&&`group-hover/address:pe-7 transition-[padding]`,je;t[52]===Ae?je=t[53]:(je=x(Ae),t[52]=Ae,t[53]=je);let Ne;t[54]===Symbol.for(`react.memo_cache_sentinel`)?(Ne=e=>{M(e.target.value),F(-1)},t[54]=Ne):Ne=t[54];let Pe;t[55]===n?Pe=t[56]:(Pe=()=>{M(n),ae(Me()),F(-1),te(!0),queueMicrotask(()=>A.current?.select())},t[55]=n,t[56]=Pe);let Fe;t[57]===Symbol.for(`react.memo_cache_sentinel`)?(Fe=()=>{te(!1)},t[57]=Fe):Fe=t[57];let Ie;t[58]!==B||t[59]!==R.length||t[60]!==n?(Ie=e=>{if(e.key===`Enter`&&B(e),(e.key===`ArrowDown`||e.key===`ArrowUp`)&&R.length>0){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;F(e=>{let n=e+t;return n>=R.length?-1:n<-1?R.length-1:n})}e.key===`Escape`&&(e.preventDefault(),M(n),A.current?.blur())},t[58]=B,t[59]=R.length,t[60]=n,t[61]=Ie):Ie=t[61];let Le=R.length>0,Re=P>=0?`${I}-${P}`:void 0,ze;t[62]!==d||t[63]!==I||t[64]!==ke||t[65]!==je||t[66]!==Pe||t[67]!==Ie||t[68]!==Le||t[69]!==Re?(ze=(0,$.jsx)(ne,{render:(0,$.jsx)(We,{ref:A,value:ke,className:je,onChange:Ne,onFocus:Pe,onBlur:Fe,onKeyDown:Ie,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":Le,"aria-controls":I,"aria-activedescendant":Re,placeholder:`Search or enter URL`,spellCheck:!1,disabled:d,"data-preview-url-input":!0,size:`sm`})}),t[62]=d,t[63]=I,t[64]=ke,t[65]=je,t[66]=Pe,t[67]=Ie,t[68]=Le,t[69]=Re,t[70]=ze):ze=t[70];let Be;t[71]!==r||t[72]!==N||t[73]!==n?(Be=!N&&r?(0,$.jsx)(u,{children:n}):null,t[71]=r,t[72]=N,t[73]=n,t[74]=Be):Be=t[74];let Ve;t[75]!==ze||t[76]!==Be?(Ve=(0,$.jsxs)(T,{children:[ze,Be]}),t[75]=ze,t[76]=Be,t[77]=Ve):Ve=t[77];let He;t[78]!==N||t[79]!==_?(He=_&&!N?(0,$.jsx)(Oe,{align:`inline-end`,className:`pointer-events-none absolute inset-y-0 right-0 opacity-0 transition-opacity group-hover/address:pointer-events-auto group-hover/address:opacity-100`,children:(0,$.jsxs)(T,{children:[(0,$.jsx)(ne,{render:(0,$.jsx)(s,{variant:`ghost`,size:`icon-xs`,onClick:_,"aria-label":`Open in system browser`,type:`button`}),children:(0,$.jsx)(le,{})}),(0,$.jsx)(u,{children:`Open in system browser`})]})}):null,t[78]=N,t[79]=_,t[80]=He):He=t[80];let Ue;t[81]!==Ve||t[82]!==He?(Ue=(0,$.jsxs)(oe,{className:`group/address h-7 flex-1 rounded-md border-transparent bg-transparent shadow-none before:shadow-none hover:bg-muted/40 focus-within:bg-background`,children:[Ve,He]}),t[81]=Ve,t[82]=He,t[83]=Ue):Ue=t[83];let Ke;t[84]!==w||t[85]!==E||t[86]!==D||t[87]!==O?(Ke=w?(0,$.jsxs)(T,{children:[(0,$.jsx)(ne,{render:(0,$.jsx)(s,{variant:E?`secondary`:`ghost`,size:`icon-xs`,onClick:w,disabled:D,"aria-label":E?`Cancel annotation`:`Annotate preview`,"aria-pressed":E?`true`:`false`,type:`button`}),children:(0,$.jsx)(qe,{className:x(E&&`text-primary`)})}),(0,$.jsx)(u,{children:D&&O?O:E?`Cancel annotation (Esc)`:`Annotate elements, regions, and drawings`})]}):null,t[84]=w,t[85]=E,t[86]=D,t[87]=O,t[88]=Ke):Ke=t[88];let Ye;t[89]!==y||t[90]!==v||t[91]!==b?(Ye=v?(0,$.jsxs)(T,{children:[(0,$.jsxs)(ne,{render:(0,$.jsx)(s,{variant:b?`secondary`:`ghost`,size:`icon-xs`,onClick:e=>v(e.shiftKey),"aria-label":b?`Stop recording`:`Capture screenshot`,type:`button`,className:`relative`,disabled:y}),children:[(0,$.jsx)(Ze,{className:x(b&&`text-destructive`)}),b?(0,$.jsx)(`span`,{className:`absolute right-0.5 top-0.5 size-1.5 animate-status-pulse rounded-full bg-destructive`}):null]}),(0,$.jsx)(u,{children:b?`Stop recording`:`Screenshot · Shift-click to record`})]}):null,t[89]=y,t[90]=v,t[91]=b,t[92]=Ye):Ye=t[92];let Xe;t[93]!==S||t[94]!==C||t[95]!==ee?(Xe=S?(0,$.jsxs)(T,{children:[(0,$.jsx)(ne,{render:(0,$.jsx)(s,{variant:C?`secondary`:`ghost`,size:`icon-xs`,onClick:S,"aria-label":C?`Close floating preview`:`Float preview over chat`,"aria-pressed":C?`true`:`false`,type:`button`,disabled:ee}),children:(0,$.jsx)(Je,{className:x(C&&`text-primary`)})}),(0,$.jsx)(u,{children:C?`Close floating preview`:`Float preview over chat`})]}):null,t[93]=S,t[94]=C,t[95]=ee,t[96]=Xe):Xe=t[96];let Qe;t[97]!==B||t[98]!==De||t[99]!==Ue||t[100]!==Ke||t[101]!==Ye||t[102]!==Xe||t[103]!==k?(Qe=(0,$.jsxs)(`form`,{onSubmit:B,className:`surface-subheader gap-1 px-2`,"data-surface-subheader":!0,children:[De,Ue,Ke,Ye,Xe,k]}),t[97]=B,t[98]=De,t[99]=Ue,t[100]=Ke,t[101]=Ye,t[102]=Xe,t[103]=k,t[104]=Qe):Qe=t[104];let $e;t[105]!==P||t[106]!==g||t[107]!==R||t[108]!==I?($e=R.length>0?(0,$.jsx)(`ul`,{id:I,role:`listbox`,"aria-label":`History suggestions`,className:`absolute inset-x-2 top-full z-50 mt-1 overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg`,children:R.map((e,t)=>(0,$.jsxs)(`li`,{id:`${I}-${t}`,role:`option`,"aria-selected":t===P,onMouseDown:nt,onClick:()=>{g(e.url),A.current?.blur()},onMouseEnter:()=>F(t),className:`flex cursor-default flex-col rounded-md px-2 py-1 text-sm aria-selected:bg-accent aria-selected:text-accent-foreground`,children:[(0,$.jsx)(`span`,{className:`truncate`,children:e.title||e.url}),e.title?(0,$.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.url}):null]},e.url))}):null,t[105]=P,t[106]=g,t[107]=R,t[108]=I,t[109]=$e):$e=t[109];let tt;t[110]===a?tt=t[111]:(tt=a>0?(0,$.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute bottom-0 left-0 z-10 h-0.5 rounded-r-full bg-primary transition-all duration-150 ease-out`,style:{width:`${a}%`,boxShadow:`0 0 6px 1px var(--color-ring)`}}):null,t[110]=a,t[111]=tt);let rt;return t[112]!==Qe||t[113]!==$e||t[114]!==tt?(rt=(0,$.jsxs)(`div`,{className:`relative`,children:[Qe,$e,tt]}),t[112]=Qe,t[113]=$e,t[114]=tt,t[115]=rt):rt=t[115],rt}function nt(e){return e.preventDefault()}function rt(e){try{let t=new URL(e.url),n=new URL(e.environmentHttpBaseUrl);if(t.origin===n.origin&&t.pathname.startsWith(`/api/assets/`)){let n=t.pathname.split(`/`).at(-1);if(!n)return null;let r=decodeURIComponent(n);return!r||r===`.`||r===`..`?null:`${e.environmentLabel} · ${r}`}return t.protocol===`http:`||t.protocol===`https:`?t.host:null}catch{return null}}function it(e){let t=(0,Z.c)(6),{className:n}=e,r;t[0]===n?r=t[1]:(r=x(`relative flex flex-col gap-0.5 overflow-hidden rounded-[5px] border border-border/60 bg-card p-1 shadow-xs/5`,n),t[0]=n,t[1]=r);let i;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,$.jsxs)(`div`,{className:`flex gap-[2px]`,children:[(0,$.jsx)(`span`,{className:`size-[3px] rounded-full bg-destructive/80`}),(0,$.jsx)(`span`,{className:`size-[3px] rounded-full bg-warning/80`}),(0,$.jsx)(`span`,{className:`size-[3px] rounded-full bg-success/80`})]}),t[2]=i):i=t[2];let a;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(a=(0,$.jsxs)(`div`,{className:`mt-[1px] flex flex-1 flex-col gap-[2px]`,children:[(0,$.jsx)(`span`,{className:`h-[2px] w-full rounded-full bg-muted-foreground/30`}),(0,$.jsx)(`span`,{className:`h-[2px] w-3/5 rounded-full bg-muted-foreground/20`})]}),t[3]=a):a=t[3];let o;return t[4]===r?o=t[5]:(o=(0,$.jsxs)(`div`,{"aria-hidden":!0,className:r,children:[i,a]}),t[4]=r,t[5]=o),o}function at(e){let t=(0,Z.c)(17),{server:n,onOpen:r}=e,i;t[0]===n?i=t[1]:(i=ot(n),t[0]=n,t[1]=i);let a=i,o;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(o=(0,$.jsx)(it,{className:`size-7 shrink-0`}),t[2]=o):o=t[2];let s;t[3]===a?s=t[4]:(s=(0,$.jsx)(`span`,{className:`truncate text-sm font-medium text-foreground`,children:a}),t[3]=a,t[4]=s);let c;t[5]!==n.host||t[6]!==n.port?(c=(0,$.jsxs)(`span`,{className:`truncate text-xs text-muted-foreground`,children:[n.host,`:`,n.port]}),t[5]=n.host,t[6]=n.port,t[7]=c):c=t[7];let l;t[8]!==s||t[9]!==c?(l=(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[s,c]}),t[8]=s,t[9]=c,t[10]=l):l=t[10];let u;t[11]===n.listening?u=t[12]:(u=n.listening?(0,$.jsx)(st,{}):(0,$.jsx)(ct,{}),t[11]=n.listening,t[12]=u);let d;return t[13]!==r||t[14]!==l||t[15]!==u?(d=(0,$.jsxs)(`button`,{type:`button`,onClick:r,className:`group flex w-full items-center gap-3 px-3 py-3 text-left hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring`,children:[o,l,u]}),t[13]=r,t[14]=l,t[15]=u,t[16]=d):d=t[16],d}function ot(e){return e.processName?e.processName:e.listening?`Listening`:e.source===`configured`?`Configured`:`Recently seen`}function st(){let e=(0,Z.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsxs)(`span`,{"aria-label":`Listening`,className:`relative inline-flex size-2 shrink-0`,children:[(0,$.jsx)(`span`,{className:`absolute inset-0 animate-status-ping rounded-full bg-success opacity-60`}),(0,$.jsx)(`span`,{className:`relative inline-flex size-2 rounded-full bg-success`})]}),e[0]=t):t=e[0],t}function ct(){let e=(0,Z.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,$.jsx)(`span`,{"aria-label":`Not currently listening`,className:`size-2 shrink-0 rounded-full bg-muted-foreground/40`}),e[0]=t):t=e[0],t}function lt(e){let t=(0,Z.c)(7),n=X(e.environmentId),r;if(t[0]!==e.configuredUrls||t[1]!==e.environmentId||t[2]!==e.recentlySeenUrls||t[3]!==n){let i;t[5]===e.environmentId?i=t[6]:(i=t=>({...t,url:Le(e.environmentId,t.url)}),t[5]=e.environmentId,t[6]=i),r=ut({scanner:n.map(i),configuredUrls:e.configuredUrls??[],recentlySeenUrls:e.recentlySeenUrls??[]}),t[0]=e.configuredUrls,t[1]=e.environmentId,t[2]=e.recentlySeenUrls,t[3]=n,t[4]=r}else r=t[4];return r}function ut(e){let t=new Map;for(let n of e.configuredUrls){let e=ft(n);if(!e)continue;let r=dt(e.host,e.port);t.has(r)||t.set(r,{host:e.host,port:e.port,url:e.url,processName:null,pid:null,terminal:null,source:`configured`,listening:!1})}for(let n of e.scanner){let e=dt(n.host,n.port),r=t.get(e);if(r){t.set(e,{...r,processName:n.processName??r.processName,pid:n.pid??r.pid,terminal:n.terminal??r.terminal,listening:!0});continue}t.set(e,{...n,source:`scanner`,listening:!0})}for(let n of e.recentlySeenUrls){let e=ft(n);if(!e)continue;let r=dt(e.host,e.port);t.has(r)||t.set(r,{host:e.host,port:e.port,url:e.url,processName:null,pid:null,terminal:null,source:`recent`,listening:!1})}return Array.from(t.values()).toSorted((e,t)=>{let n={configured:0,scanner:1,recent:2};return n[e.source]===n[t.source]?e.port-t.port:n[e.source]-n[t.source]})}function dt(e,t){return`${e.toLowerCase()}:${t}`}function ft(e){try{let t=new URL(e);if(t.protocol!==`http:`&&t.protocol!==`https:`||!H(t.hostname))return null;let n=t.port?Number.parseInt(t.port,10):t.protocol===`http:`?80:443;return!Number.isFinite(n)||n<=0?null:{host:t.hostname,port:n,url:t.href}}catch{return null}}function pt(e){let t=(0,Z.c)(16),{environmentId:n,configuredUrls:r,recentlySeenUrls:i,onOpenUrl:a}=e,o;t[0]!==r||t[1]!==n||t[2]!==i?(o={environmentId:n,configuredUrls:r,recentlySeenUrls:i},t[0]=r,t[1]=n,t[2]=i,t[3]=o):o=t[3];let s=lt(o);if(s.length===0){let e;return t[4]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsxs)(_e,{children:[(0,$.jsx)(P,{variant:`icon`,children:(0,$.jsx)(je,{className:`size-4.5 text-muted-foreground`})}),(0,$.jsx)(De,{children:`No preview yet`}),(0,$.jsx)(W,{children:`Type a URL above, or run a dev script. Listening localhost ports will show up here automatically.`})]}),t[4]=e):e=t[4],e}let c;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(c=(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,$.jsx)($e,{className:`size-4 shrink-0`}),(0,$.jsx)(`h2`,{className:`font-medium`,children:`Local servers`})]}),t[5]=c):c=t[5];let l;if(t[6]!==a||t[7]!==s){let e;t[9]===a?e=t[10]:(e=e=>(0,$.jsx)(at,{server:e,onOpen:()=>a(e.url)},`${e.host}:${e.port}`),t[9]=a,t[10]=e),l=s.map(e),t[6]=a,t[7]=s,t[8]=l}else l=t[8];let u;t[11]===l?u=t[12]:(u=(0,$.jsx)(`div`,{className:`flex flex-col divide-y divide-border/60 overflow-hidden rounded-xl border border-border/70 bg-background`,children:l}),t[11]=l,t[12]=u);let d;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(d=(0,$.jsx)(`p`,{className:`px-1 text-xs text-muted-foreground`,children:`Select a listening port to open it in this browser tab.`}),t[13]=d):d=t[13];let f;return t[14]===u?f=t[15]:(f=(0,$.jsx)(`div`,{className:`flex h-full min-h-0 overflow-y-auto px-5 py-8`,children:(0,$.jsxs)(`div`,{className:`m-auto flex w-full max-w-xl flex-col gap-3`,children:[c,u,d]})}),t[14]=u,t[15]=f),f}var mt=e=>(e instanceof Error?e.message:``).replace(/^Error invoking remote method '[^']+':\s*/u,``).replace(/^[A-Za-z]+Error:\s*/u,``).trim()||`Chrome import failed.`;function ht(e){let[t,n]=(0,Q.useState)(null),[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{if(!e.open||!z)return;let t=!1;return n(null),l(null),z.listChromeProfiles().then(e=>{t||(n(e),i(e[0]?.id??null))},e=>{t||(n([]),i(null),l(mt(e)))}),()=>{t=!0}},[e.open]);let u=async()=>{if(!(!z||!r)){o(!0);try{let t=await z.importFromChrome({profileId:r});we(t.history),d.add({type:`success`,title:`Imported from Chrome`,description:`${t.importedCookies} cookies and ${t.history.length} history entries.${t.failedCookies>0?` ${t.failedCookies} cookies could not be imported.`:``}`}),e.onOpenChange(!1)}catch(e){d.add({type:`error`,title:`Could not import from Chrome`,description:mt(e)})}finally{o(!1)}}};return(0,$.jsx)(F,{open:e.open,onOpenChange:e.onOpenChange,children:(0,$.jsxs)(Ae,{className:`max-w-md`,children:[(0,$.jsxs)(Fe,{children:[(0,$.jsx)(xe,{children:`Import from Chrome`}),(0,$.jsx)(Ee,{children:`Copies all cookies and recent history from a Chrome profile into the built-in browser. Agents that use this browser can act with these signed-in sessions. macOS asks for Keychain access to decrypt the cookies.`})]}),(0,$.jsx)(ze,{children:c?(0,$.jsx)(`p`,{className:`text-sm text-destructive-foreground`,children:c}):t===null?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Looking for Chrome profiles…`}):t.length===0?(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No Chrome profiles found. Importing is available on macOS with Google Chrome installed.`}):(0,$.jsx)(`div`,{role:`radiogroup`,"aria-label":`Chrome profile`,className:`space-y-1`,children:t.map(e=>(0,$.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-3 rounded-md px-2 py-1.5 text-sm hover:bg-accent`,children:[(0,$.jsx)(`input`,{type:`radio`,name:`chrome-profile`,value:e.id,checked:r===e.id,onChange:()=>i(e.id)}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.name}),e.name===e.id?null:(0,$.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.id})]},e.id))})}),(0,$.jsxs)(He,{children:[(0,$.jsx)(s,{variant:`outline`,onClick:()=>e.onOpenChange(!1),children:`Cancel`}),(0,$.jsx)(s,{disabled:!r||a,onClick:()=>void u(),children:a?`Importing…`:`Import`})]})]})})}var gt=[{value:`system`,label:`System`},{value:`light`,label:`Light`},{value:`dark`,label:`Dark`}];function _t(e){let t=(0,Z.c)(81),{tabId:n,hasWebContents:r,zoomFactor:a,colorScheme:o,deviceToolbarVisible:l,onToggleDeviceToolbar:d,nativePictureInPicture:p,onNativePictureInPicture:h}=e,[v,y]=(0,Q.useState)(!1);if(!z)return null;let b=!n||!r,x;t[0]===n?x=t[1]:(x=e=>()=>{n&&e(n).catch(Tt)},t[0]=n,t[1]=x);let S=x,C;t[2]===a?C=t[3]:(C=Math.round(a*100),t[2]=a,t[3]=C);let w=`${C}%`,E;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(E=(0,$.jsxs)(T,{children:[(0,$.jsx)(ne,{render:(0,$.jsx)(f,{render:(0,$.jsx)(s,{variant:`ghost`,size:`icon-xs`,type:`button`,"aria-label":`Preview menu`})}),children:(0,$.jsx)(Qe,{})}),(0,$.jsx)(u,{children:`More`})]}),t[4]=E):E=t[4];let D;t[5]===S?D=t[6]:(D=S(z.hardReload),t[5]=S,t[6]=D);let O;t[7]!==D||t[8]!==b?(O=(0,$.jsx)(g,{onClick:D,disabled:b,children:`Hard reload`}),t[7]=D,t[8]=b,t[9]=O):O=t[9];let k;t[10]===S?k=t[11]:(k=S(z.openDevTools),t[10]=S,t[11]=k);let A;t[12]!==k||t[13]!==b?(A=(0,$.jsx)(g,{onClick:k,disabled:b,children:`Open DevTools`}),t[12]=k,t[13]=b,t[14]=A):A=t[14];let j=p?`Close separate preview window`:`Open separate preview window`,M;t[15]!==h||t[16]!==j||t[17]!==b?(M=(0,$.jsx)(g,{onClick:h,disabled:b,children:j}),t[15]=h,t[16]=j,t[17]=b,t[18]=M):M=t[18];let te=l?`Hide device toolbar`:`Show device toolbar`,re;t[19]!==d||t[20]!==te||t[21]!==b?(re=(0,$.jsx)(g,{onClick:d,disabled:b,children:te}),t[19]=d,t[20]=te,t[21]=b,t[22]=re):re=t[22];let ie;t[23]===b?ie=t[24]:(ie=(0,$.jsx)(ee,{disabled:b,children:`Appearance`}),t[23]=b,t[24]=ie);let oe;t[25]===n?oe=t[26]:(oe=e=>{n&&z.setColorScheme(n,e).catch(wt)},t[25]=n,t[26]=oe);let P;t[27]===Symbol.for(`react.memo_cache_sentinel`)?(P=gt.map(Ct),t[27]=P):P=t[27];let F;t[28]!==o||t[29]!==oe?(F=(0,$.jsx)(i,{className:`min-w-32`,children:(0,$.jsx)(c,{value:o,onValueChange:oe,children:P})}),t[28]=o,t[29]=oe,t[30]=F):F=t[30];let I;t[31]!==ie||t[32]!==F?(I=(0,$.jsxs)(ae,{children:[ie,F]}),t[31]=ie,t[32]=F,t[33]=I):I=t[33];let L;t[34]===Symbol.for(`react.memo_cache_sentinel`)?(L=(0,$.jsx)(m,{}),t[34]=L):L=t[34];let R;t[35]===Symbol.for(`react.memo_cache_sentinel`)?(R=(0,$.jsx)(`span`,{children:`Zoom`}),t[35]=R):R=t[35];let se;t[36]===S?se=t[37]:(se=S(z.zoomOut),t[36]=S,t[37]=se);let le;t[38]===Symbol.for(`react.memo_cache_sentinel`)?(le=(0,$.jsx)(ce,{}),t[38]=le):le=t[38];let ue;t[39]!==se||t[40]!==b?(ue=(0,$.jsx)(s,{variant:`outline`,size:`icon-xs`,type:`button`,onClick:se,"aria-label":`Zoom out`,disabled:b,children:le}),t[39]=se,t[40]=b,t[41]=ue):ue=t[41];let B;t[42]===w?B=t[43]:(B=(0,$.jsx)(`span`,{className:`min-w-12 text-center text-xs tabular-nums text-muted-foreground`,children:w}),t[42]=w,t[43]=B);let V;t[44]===S?V=t[45]:(V=S(z.zoomIn),t[44]=S,t[45]=V);let de;t[46]===Symbol.for(`react.memo_cache_sentinel`)?(de=(0,$.jsx)(Se,{}),t[46]=de):de=t[46];let H;t[47]!==V||t[48]!==b?(H=(0,$.jsx)(s,{variant:`outline`,size:`icon-xs`,type:`button`,onClick:V,"aria-label":`Zoom in`,disabled:b,children:de}),t[47]=V,t[48]=b,t[49]=H):H=t[49];let fe;t[50]===S?fe=t[51]:(fe=S(z.resetZoom),t[50]=S,t[51]=fe);let pe;t[52]===Symbol.for(`react.memo_cache_sentinel`)?(pe=(0,$.jsx)(Ke,{}),t[52]=pe):pe=t[52];let U;t[53]!==fe||t[54]!==b?(U=(0,$.jsx)(s,{variant:`ghost`,size:`icon-xs`,type:`button`,onClick:fe,"aria-label":`Reset zoom`,disabled:b,children:pe}),t[53]=fe,t[54]=b,t[55]=U):U=t[55];let W;t[56]!==ue||t[57]!==B||t[58]!==H||t[59]!==U?(W=(0,$.jsxs)(`span`,{className:`flex items-center gap-1`,children:[ue,B,H,U]}),t[56]=ue,t[57]=B,t[58]=H,t[59]=U,t[60]=W):W=t[60];let G;t[61]!==W||t[62]!==b?(G=(0,$.jsxs)(g,{closeOnClick:!1,onClick:St,className:`justify-between`,disabled:b,children:[R,W]}),t[61]=W,t[62]=b,t[63]=G):G=t[63];let me,he,K,q;t[64]===Symbol.for(`react.memo_cache_sentinel`)?(me=(0,$.jsx)(m,{}),he=(0,$.jsx)(g,{onClick:bt,children:`Clear cookies`}),K=(0,$.jsx)(g,{onClick:vt,children:`Clear cache`}),q=(0,$.jsx)(m,{}),t[64]=me,t[65]=he,t[66]=K,t[67]=q):(me=t[64],he=t[65],K=t[66],q=t[67]);let J;t[68]===Symbol.for(`react.memo_cache_sentinel`)?(J=(0,$.jsx)(g,{onClick:()=>y(!0),children:`Import from Chrome…`}),t[68]=J):J=t[68];let Y;t[69]!==re||t[70]!==I||t[71]!==G||t[72]!==O||t[73]!==A||t[74]!==M?(Y=(0,$.jsxs)(N,{children:[E,(0,$.jsxs)(_,{align:`end`,sideOffset:6,className:`min-w-56`,children:[O,A,M,re,I,L,G,me,he,K,q,J]})]}),t[69]=re,t[70]=I,t[71]=G,t[72]=O,t[73]=A,t[74]=M,t[75]=Y):Y=t[75];let X;t[76]===v?X=t[77]:(X=(0,$.jsx)(ht,{open:v,onOpenChange:y}),t[76]=v,t[77]=X);let ge;return t[78]!==Y||t[79]!==X?(ge=(0,$.jsxs)($.Fragment,{children:[Y,X]}),t[78]=Y,t[79]=X,t[80]=ge):ge=t[80],ge}function vt(){z.clearCache().catch(yt)}function yt(){}function bt(){z.clearCookies().catch(xt)}function xt(){}function St(e){return e.preventDefault()}function Ct(e){return(0,$.jsx)(p,{value:e.value,children:e.label},e.value)}function wt(){}function Tt(){}function Et(e){return pe[e]||(e.length>0?e:`Network error`)}function Dt(e){let t=(0,Z.c)(32),{url:n,code:r,description:i,onReload:a}=e,[o,c]=(0,Q.useState)(!1),l;t[0]===n?l=t[1]:(l=At(n)??n,t[0]=n,t[1]=l);let u=l,d;t[2]===i?d=t[3]:(d=Et(i),t[2]=i,t[3]=d);let f=d,p;t[4]!==r||t[5]!==i?(p=i.length>0?i:`ERR_${Math.abs(r)||`FAILED`}`,t[4]=r,t[5]=i,t[6]=p):p=t[6];let m=p,h,g;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,$.jsx)(kt,{className:`mb-6 size-12 text-muted-foreground/70`}),g=(0,$.jsx)(`h1`,{className:`mb-3 text-2xl font-semibold leading-tight text-foreground`,children:`This site can’t be reached`}),t[7]=h,t[8]=g):(h=t[7],g=t[8]);let _;t[9]===u?_=t[10]:(_=(0,$.jsx)(`span`,{className:`font-semibold text-foreground`,children:u}),t[9]=u,t[10]=_);let v;t[11]!==f||t[12]!==_?(v=(0,$.jsxs)(`p`,{className:`text-sm leading-relaxed text-muted-foreground`,children:[_,`: `,f,`.`]}),t[11]=f,t[12]=_,t[13]=v):v=t[13];let y;t[14]===o?y=t[15]:(y=o?(0,$.jsxs)(`div`,{className:`mt-6 rounded-lg border border-border bg-muted/40 p-4 text-sm`,children:[(0,$.jsx)(`p`,{className:`mb-2 font-medium text-foreground`,children:`Try:`}),(0,$.jsxs)(`ul`,{className:`list-disc space-y-1 pl-5 text-muted-foreground`,children:[(0,$.jsx)(`li`,{children:`Checking your connection`}),(0,$.jsx)(`li`,{children:`Confirming the dev server is running`}),(0,$.jsx)(`li`,{children:`Checking the proxy and the firewall`})]})]}):null,t[14]=o,t[15]=y);let b;t[16]===m?b=t[17]:(b=(0,$.jsx)(`div`,{className:`mt-8 text-xs uppercase tracking-wide text-muted-foreground/70`,children:m}),t[16]=m,t[17]=b);let x;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(x=()=>c(Ot),t[18]=x):x=t[18];let S=o?`Hide details`:`Details`,C;t[19]===S?C=t[20]:(C=(0,$.jsx)(s,{type:`button`,variant:`outline`,size:`sm`,onClick:x,children:S}),t[19]=S,t[20]=C);let ee;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(ee=(0,$.jsx)(`div`,{className:`flex-1`}),t[21]=ee):ee=t[21];let w;t[22]===a?w=t[23]:(w=(0,$.jsx)(s,{type:`button`,size:`sm`,onClick:a,children:`Reload`}),t[22]=a,t[23]=w);let T;t[24]!==C||t[25]!==w?(T=(0,$.jsxs)(`div`,{className:`mt-auto flex items-center gap-2 pt-8`,children:[C,ee,w]}),t[24]=C,t[25]=w,t[26]=T):T=t[26];let E;return t[27]!==T||t[28]!==v||t[29]!==y||t[30]!==b?(E=(0,$.jsx)(`div`,{className:`relative flex h-full min-h-0 w-full overflow-y-auto bg-background`,children:(0,$.jsxs)(`div`,{className:`mx-auto flex w-full max-w-xl flex-1 flex-col px-8 py-12 sm:py-16`,children:[h,g,v,y,b,T]})}),t[27]=T,t[28]=v,t[29]=y,t[30]=b,t[31]=E):E=t[31],E}function Ot(e){return!e}function kt(e){let t=(0,Z.c)(5),{className:n}=e,r,i,a;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,$.jsx)(`path`,{d:`M16 12 L48 12 L48 52 L16 52 Z`}),i=(0,$.jsx)(`path`,{d:`M22 22 L42 22 M22 30 L36 30 M22 38 L40 38`,strokeLinecap:`round`}),a=(0,$.jsx)(`path`,{d:`M52 8 L12 56`,strokeLinecap:`round`}),t[0]=r,t[1]=i,t[2]=a):(r=t[0],i=t[1],a=t[2]);let o;return t[3]===n?o=t[4]:(o=(0,$.jsxs)(`svg`,{viewBox:`0 0 64 64`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,className:n,children:[r,i,a]}),t[3]=n,t[4]=o),o}function At(e){try{return new URL(e).host}catch{return null}}function jt(e){let t=e.toLowerCase();return t.includes(`mac`)?`Reveal in Finder`:t.includes(`win`)?`Reveal in File Explorer`:`Reveal in Files`}var Mt=120,Nt=220,Pt=4,Ft=90,It=.08,Lt=.5;function Rt(e){let[t,n]=(0,Q.useState)(0),r=(0,Q.useRef)(0);return r.current=t,(0,Q.useEffect)(()=>{if(!e){if(r.current===0)return;n(100);let e=window.setTimeout(()=>n(0),Nt);return()=>window.clearTimeout(e)}n(e=>e>0&&e<95?e:Pt);let t=window.setInterval(()=>{let e=r.current;if(e>=Ft)return;let t=Ft-e,i=Math.max(Lt,t*It);n(Math.min(Ft,e+i))},Mt);return()=>window.clearInterval(t)},[e]),t}var zt=class extends O()(`PreviewSessionThreadKeyParseError`,{threadKey:ie}){get message(){return`Invalid scoped preview thread key: ${this.threadKey}`}},Bt=y(e=>{let t=k(e);if(t===null)throw new zt({threadKey:e});let n=ve.list({environmentId:t.environmentId,input:{threadId:t.threadId}}),r=ve.events({environmentId:t.environmentId,input:{}});return a(e=>{let i=!1,a=0,o=e=>{E(e)&&V(t,e.value)},s=r=>{if(!E(r)||r.value.threadId!==t.threadId)return;let i=J(t).serverEpoch;if(i!==null&&i!==r.value.serverEpoch){e.refresh(n);return}Xe(t,r.value)};e.addFinalizer(()=>{i=!0});let c=e.once(r);e.subscribe(n,e=>{o(e)}),e.subscribe(r,e=>{a+=1,s(e)}),queueMicrotask(()=>{i||(e.refresh(n),a===0&&s(c))})}).pipe(w(1e3),S(`preview:session-sync:${e}`))});function Vt(e){let t=(0,Z.c)(2),n;t[0]===e?n=t[1]:(n=Bt(M(e)),t[0]=e,t[1]=n),D(n)}var Ht=1500,Ut=.001;function Wt(e){let t=(0,Z.c)(11),{zoomFactor:n}=e,[r,i]=(0,Q.useState)(!1),a=(0,Q.useRef)(n),o=(0,Q.useRef)(null),s,c;t[0]===n?(s=t[1],c=t[2]):(s=()=>{if(!(Math.abs(a.current-n)<Ut))return a.current=n,i(!0),o.current!==null&&window.clearTimeout(o.current),o.current=window.setTimeout(()=>{i(!1),o.current=null},Ht),()=>{o.current!==null&&(window.clearTimeout(o.current),o.current=null)}},c=[n],t[0]=n,t[1]=s,t[2]=c),(0,Q.useEffect)(s,c);let l;t[3]===n?l=t[4]:(l=Math.round(n*100),t[3]=n,t[4]=l);let u=`${l}%`,d=!r,f=r?`opacity-100 translate-y-0`:`opacity-0 -translate-y-1`,p;t[5]===f?p=t[6]:(p=x(`pointer-events-none absolute top-3 right-3 z-20 select-none rounded-full border border-border/70 bg-popover/95 px-2.5 py-1 text-xs font-medium text-foreground shadow-md/10 backdrop-blur transition-all duration-200 ease-out`,f),t[5]=f,t[6]=p);let m;return t[7]!==u||t[8]!==d||t[9]!==p?(m=(0,$.jsx)(`div`,{"aria-hidden":d,className:p,children:u}),t[7]=u,t[8]=d,t[9]=p,t[10]=m):m=t[10],m}function Gt(e,t){return e?1:t===`human`?.18:.35}var Kt=700;function qt(e){let t=(0,Z.c)(9),{tabId:n,zoomFactor:r,controller:i}=e,a;t[0]===n?a=t[1]:(a=e=>e.byTabId[n]??null,t[0]=n,t[1]=a);let o=Te(a),s;t[2]===n?s=t[3]:(s=e=>e.byTabId[n]?.content??null,t[2]=n,t[3]=s);let c=I(s);if(!o)return null;let l;return t[4]!==c||t[5]!==i||t[6]!==o||t[7]!==r?(l=(0,$.jsx)(Jt,{event:o,content:c,zoomFactor:r,controller:i},o.sequence),t[4]=c,t[5]=i,t[6]=o,t[7]=r,t[8]=l):l=t[8],l}function Jt(e){let t=(0,Z.c)(15),{event:n,content:r,zoomFactor:i,controller:a}=e,[o,s]=(0,Q.useState)(!0),c,l;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(c=()=>{let e=window.setTimeout(()=>s(!1),Kt);return()=>window.clearTimeout(e)},l=[],t[0]=c,t[1]=l):(c=t[0],l=t[1]),(0,Q.useEffect)(c,l);let u;t[2]!==o||t[3]!==a?(u=Gt(o,a),t[2]=o,t[3]=a,t[4]=u):u=t[4];let d=`translate3d(${n.x*i*(r?.scale??1)+(r?.x??0)-(r?.scrollLeft??0)}px, ${n.y*i*(r?.scale??1)+(r?.y??0)-(r?.scrollTop??0)}px, 0)`,f;t[5]!==u||t[6]!==d?(f={opacity:u,transform:d},t[5]=u,t[6]=d,t[7]=f):f=t[7];let p;t[8]!==n.phase||t[9]!==n.sequence?(p=n.phase===`click`?(0,$.jsx)(`span`,{className:`absolute left-0.5 top-0.5 size-4 animate-status-ping rounded-full bg-primary/25 motion-reduce:animate-none`},n.sequence):null,t[8]=n.phase,t[9]=n.sequence,t[10]=p):p=t[10];let m;t[11]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,$.jsx)(he,{className:`relative size-5 -translate-x-0.5 -translate-y-0.5 fill-background text-primary drop-shadow-sm`,strokeWidth:2}),t[11]=m):m=t[11];let h;return t[12]!==f||t[13]!==p?(h=(0,$.jsxs)(`div`,{className:`pointer-events-none absolute left-0 top-0 z-40 transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none`,style:f,"aria-hidden":`true`,"data-agent-browser-cursor":!0,children:[p,m]}),t[12]=f,t[13]=p,t[14]=h):h=t[14],h}var Yt=typeof window>`u`?null:A();function Xt({threadRef:e,tabId:t,configuredUrls:n,visible:r}){let[i,a]=(0,Q.useState)(void 0),[s,c]=(0,Q.useState)(!1),u=Ie(),f=(0,Q.useRef)(!1),p=(0,Q.useRef)(!0),m=B(e),g=U(t=>de(t.byThreadKey,e)),_=h(e=>e.addPreviewAnnotation),v=h(e=>e.addImage),y=re(e.environmentId),x=j(e.environmentId),S=te(ve.open),ee=te(ve.resize,`preview viewport resize`),{resolvedTheme:w}=R();Vt(e),(0,Q.useEffect)(()=>(p.current=!0,()=>{p.current=!1}),[]);let T=t??m.activeTabId,E=T?G(e,m.serverEpoch,T):null,D=T&&E?u.has(E)?E:Re(e,T):null,O=T?m.sessions[T]??null:null,k=T?m.desktopByTabId[T]??null:null;(0,Q.useEffect)(()=>{let e=z;if(!(!e||!E||!k?.pictureInPicture))return e.pictureInPicture.setVisible(E,r),()=>{e.pictureInPicture.setVisible(E,!1)}},[k?.pictureInPicture,E,r]);let A=O?.navStatus??{_tag:`Idle`},N=A._tag===`Idle`?``:A.url,ne=k?.loading??A._tag===`Loading`,ie=k?.canGoBack??O?.canGoBack??!1,ae=k?.canGoForward??O?.canGoForward??!1,oe=A._tag===`Idle`,P=A._tag===`LoadFailed`,F=se(O),L=k?.controller??`none`,ce=Rt(ne),le=N&&y&&x?rt({url:N,environmentLabel:y.label,environmentHttpBaseUrl:x})??void 0:void 0,ue=O?.viewport??l,V=I(e=>E?e.byTabId[E]?.rect??null:null),H=(0,Q.useCallback)(async t=>{E&&z?(await z.navigate(E,t),K(e,t)):await me({openPreview:S,threadRef:e,url:t})},[S,E,e]),fe=(0,Q.useCallback)(async e=>{try{await H(ge(e))}catch{}},[H]),pe=(0,Q.useCallback)(async t=>{try{await H(Le(e.environmentId,t))}catch{}},[H,e.environmentId]),W=(0,Q.useCallback)(()=>{z&&E&&z.refresh(E)},[E]),he=(0,Q.useCallback)(()=>{z&&E&&z.zoomIn(E)},[E]),q=(0,Q.useCallback)(()=>{z&&E&&z.zoomOut(E)},[E]),J=(0,Q.useCallback)(()=>{z&&E&&z.resetZoom(E)},[E]),X=(0,Q.useCallback)(async t=>{if(!T)return;let n=await ee({environmentId:e.environmentId,input:{threadId:e.threadId,tabId:T,viewport:t}});if(n._tag===`Failure`){let e=o(n);throw d.add({type:`error`,title:`Unable to resize browser viewport`,description:e instanceof Error?e.message:`An error occurred.`}),e}Y(e,n.value)},[ee,T,e]),_e=()=>{if(!E)return;if(ue._tag!==`fill`){Ve(E,l).catch(()=>void 0);return}let e=V?Be(V,k?.zoomFactor):{width:1024,height:768};Ve(E,{_tag:`freeform`,...e}).catch(()=>void 0)};(0,Q.useEffect)(()=>{if(E)return Pe(E,X)},[X,E]);let ye=(0,Q.useCallback)(()=>{z&&E&&z.goBack(E)},[E]),xe=(0,Q.useCallback)(()=>{z&&E&&z.goForward(E)},[E]),Se=(0,Q.useCallback)(()=>{!Yt||!N||Yt.shell.openExternal(N).catch(()=>void 0)},[N]),we=(0,Q.useCallback)(()=>{if(T){if(g?.tabId===T){U.getState().close(e);return}U.getState().open(e,T),C.getState().close(e)}},[g?.tabId,T,e]),Te=(0,Q.useCallback)(()=>{!z||!E||(k?.pictureInPicture?z.pictureInPicture.close:z.pictureInPicture.open)(E).catch(e=>{d.add({type:`error`,title:`Unable to update popped-out preview`,description:e instanceof Error?e.message:`An error occurred.`})})},[k?.pictureInPicture,E]),Ee=(0,Q.useCallback)(t=>{if(!z||!E||!T)return;let n=z;if(D){be(D).then(e=>{if(!e)return;let t=!1,r,i=()=>{if(!navigator.clipboard?.writeText){d.update(r,b({type:`error`,title:`Unable to copy recording path`,description:`Clipboard API unavailable.`,actionProps:a}));return}navigator.clipboard.writeText(e.path).then(()=>{t=!0,o(),window.setTimeout(()=>{t=!1,o()},2e3)},e=>{d.update(r,b({type:`error`,title:`Unable to copy recording path`,description:e instanceof Error?e.message:`An error occurred.`,actionProps:a}))})},a={children:jt(navigator.platform),onClick:()=>void n.revealArtifact(e.path)},o=()=>{d.update(r,b({type:`success`,title:`Recording saved`,actionProps:a,data:{secondaryActionProps:{children:t?`Copied!`:`Copy path`,disabled:t,onClick:i},secondaryActionVariant:`outline`}}))};r=d.add(b({type:`success`,title:`Recording saved`,actionProps:a,data:{secondaryActionProps:{children:`Copy path`,onClick:i},secondaryActionVariant:`outline`}}))},e=>{d.add({type:`error`,title:`Unable to stop recording`,description:e instanceof Error?e.message:`An error occurred.`})});return}if(t){ke(E,e,T).catch(e=>{d.add({type:`error`,title:`Unable to start recording`,description:e instanceof Error?e.message:`An error occurred.`})});return}n.captureScreenshot(E).then(e=>{let t={children:jt(navigator.platform),onClick:()=>void n.revealArtifact(e.path)},r=!1,i=!1,a,o=(e=`success`,n=`Screenshot saved`,o)=>{d.update(a,b({type:e,title:n,description:o,actionProps:{children:i?`Copied!`:`Copy image`,disabled:i,onClick:c},data:{additionalActions:[{id:`copy-path`,props:{children:r?`Copied!`:`Copy path`,disabled:r,onClick:s}}],secondaryActionProps:{...t},secondaryActionVariant:`outline`}}))},s=()=>{if(!navigator.clipboard?.writeText){o(`error`,`Unable to copy screenshot path`,`Clipboard API unavailable.`);return}navigator.clipboard.writeText(e.path).then(()=>{r=!0,o(),window.setTimeout(()=>{r=!1,o()},2e3)},e=>{o(`error`,`Unable to copy screenshot path`,e instanceof Error?e.message:`An error occurred.`)})},c=()=>{n.copyArtifactToClipboard(e.path).then(()=>{i=!0,o(),window.setTimeout(()=>{i=!1,o()},2e3)},e=>{o(`error`,`Unable to copy screenshot`,e instanceof Error?e.message:`An error occurred.`)})};a=d.add(b({type:`success`,title:`Screenshot saved`,actionProps:{children:`Copy image`,onClick:c},data:{additionalActions:[{id:`copy-path`,props:{children:`Copy path`,onClick:s}}],secondaryActionProps:{...t},secondaryActionVariant:`outline`}}))},e=>{d.add({type:`error`,title:`Unable to capture screenshot`,description:e instanceof Error?e.message:`An error occurred.`})})},[D,E,T,e]),De=(0,Q.useCallback)(()=>{if(!z||!E)return;if(f.current){z.cancelPickElement(E).catch(()=>void 0);return}let t=typeof document<`u`?document.activeElement:null;f.current=!0,c(!0),(async()=>{try{let t=await z.pickElement(E);if(!t)return;_(e,t);let n=await Ne(t);n&&t.screenshot&&v(e,{type:`image`,id:t.id,name:n.name,mimeType:n.type,sizeBytes:n.size,previewUrl:t.screenshot.dataUrl,file:n})}catch{}finally{if(f.current=!1,p.current&&c(!1),t&&t.isConnected&&typeof t.focus==`function`)try{t.focus({preventScroll:!0})}catch{}}})()},[v,_,E,e]);return(0,Q.useEffect)(()=>{let e=Ce(N,w);e&&H(e).catch(()=>void 0)},[H,w,N]),(0,Q.useEffect)(()=>()=>{f.current&&(f.current=!1,z&&E&&z.cancelPickElement(E).catch(()=>void 0),p.current&&c(!1))},[E]),(0,Q.useEffect)(()=>{if(r)return Ue(e=>{switch(e){case`refresh`:W();return;case`focus-url`:a(e=>(e??0)+1);return;case`zoom-in`:he();return;case`zoom-out`:q();return;case`reset-zoom`:J();return;case`toggle-panel`:return}})},[W,J,he,q,r]),(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-background`,"data-thread-key":M(e),children:[(0,$.jsx)(tt,{url:N,displayUrl:le,loading:ne,loadProgress:ce,canGoBack:ie,canGoForward:ae,refreshDisabled:oe,focusUrlNonce:i,onBack:ye,onForward:xe,onRefresh:W,onSubmit:e=>void fe(e),onOpenInBrowser:T?Se:void 0,onCapture:z&&T?Ee:void 0,captureDisabled:!k||P,recording:D!==null,onPictureInPicture:z&&T?we:void 0,pictureInPicture:g?.tabId===T,pictureInPictureDisabled:!k?.hasWebContents||P,onPickElement:z&&T?De:void 0,pickActive:s,pickDisabled:!T||P,pickDisabledReason:P?`Page didn't load — pick unavailable until the page renders`:void 0,trailingActions:z?(0,$.jsx)(_t,{tabId:E,hasWebContents:k?.hasWebContents??!1,zoomFactor:k?.zoomFactor??1,colorScheme:k?.colorScheme??`system`,deviceToolbarVisible:ue._tag!==`fill`,onToggleDeviceToolbar:_e,nativePictureInPicture:k?.pictureInPicture??!1,onNativePictureInPicture:Te}):null}),(0,$.jsxs)(`div`,{className:`relative min-h-0 flex-1 overflow-hidden`,children:[E&&O&&!F?(0,$.jsx)(Ye,{tabId:E,visible:r&&!P,className:`absolute inset-0 h-full w-full`},E):null,F?(0,$.jsx)(pt,{environmentId:e.environmentId,configuredUrls:n,recentlySeenUrls:m.recentlySeenUrls,onOpenUrl:e=>void pe(e)}):null,O&&k?(0,$.jsx)(Wt,{zoomFactor:k.zoomFactor}):null,E&&k&&!F&&!P?(0,$.jsx)(qt,{tabId:E,zoomFactor:k.zoomFactor,controller:L}):null,L===`none`?null:(0,$.jsx)(`div`,{className:`pointer-events-none absolute left-3 top-3 z-40 rounded-full border border-border/70 bg-background/90 px-2.5 py-1 text-[11px] font-medium shadow-sm backdrop-blur`,children:L===`agent`?`Agent controlling browser`:`Human control`}),A._tag===`LoadFailed`?(0,$.jsx)(`div`,{className:`absolute inset-0 z-10 bg-background`,children:(0,$.jsx)(Dt,{url:A.url,code:A.code,description:A.description,onReload:W})}):null]})]})}function Zt(e){let t=(0,Z.c)(13),{mode:n,threadRef:r,tabId:i,configuredUrls:a,visible:o}=e;if(!L()){let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,$.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col items-center justify-center gap-3 p-8 text-center`,children:(0,$.jsx)(`p`,{className:`max-w-sm text-sm text-muted-foreground`,children:`Preview is only available in the P4 Code desktop app.`})}),t[0]=e):e=t[0];let r;return t[1]===n?r=t[2]:(r=(0,$.jsx)(q,{mode:n,children:e}),t[1]=n,t[2]=r),r}let s;t[3]===i?s=t[4]:(s=i===void 0?{}:{tabId:i},t[3]=i,t[4]=s);let c;t[5]!==a||t[6]!==s||t[7]!==r||t[8]!==o?(c=(0,$.jsx)(Xt,{threadRef:r,...s,configuredUrls:a,visible:o}),t[5]=a,t[6]=s,t[7]=r,t[8]=o,t[9]=c):c=t[9];let l;return t[10]!==n||t[11]!==c?(l=(0,$.jsx)(q,{mode:n,children:c}),t[10]=n,t[11]=c,t[12]=l):l=t[12],l}export{Zt as PreviewPanel};
|
|
2
|
+
//# sourceMappingURL=PreviewPanel-Cb5mnizs.js.map
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{n as t,r as n,t as r}from"./compiler-runtime-CLAvuQ-D.js";import{n as i,r as a,t as o}from"./collapsible-C5OZcGTw.js";import{Cl as s,Ei as c,G as l,H as u,Hi as d,Hs as f,Ks as p,Ln as m,Ni as h,Pi as g,Qs as _,Ui as v,Vs as y,W as b,Xs as x,Ys as S,Zs as C,ki as w,l as T,n as E,q as D,qc as O,rl as k,t as A}from"./textarea-B7H3jk59.js";import{G as j,I as M,K as ee}from"./entities-DT_qhLch.js";import{a as N,c as P,n as te,o as ne,r as re,s as ie,t as ae}from"./toggle-group-NddHXOMC.js";import{Ai as oe,Bi as se,Cr as ce,Fr as le,G as ue,H as de,Hi as fe,J as pe,K as me,Oi as he,Q as F,Si as ge,U as _e,Vi as ve,W as ye,X as be,Y as xe,at as I,dt as Se,fi as Ce,ft as L,h as we,lt as Te,ot as Ee,pt as De,q as Oe,st as ke,ut as Ae}from"./index-CJxJFMPU.js";var je=_(`message-square-off`,[[`path`,{d:`M19 19H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.7.7 0 0 1 2 21.286V5a2 2 0 0 1 1.184-1.826`,key:`1wyg69`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M8.656 3H20a2 2 0 0 1 2 2v11.344`,key:`mhl4k6`}]]),R=e(n(),1),Me=new Set([`pnpm-lock.yaml`,`yarn.lock`,`package-lock.json`,`bun.lockb`,`Cargo.lock`,`go.sum`,`composer.lock`,`Gemfile.lock`]),z=new Set([`__snapshots__`,`__generated__`,`dist`,`build`,`vendor`]),B=new Set([`__tests__`,`tests`,`test`]),Ne=[`.ts`,`.tsx`,`.js`,`.jsx`,`.mjs`,`.cjs`];function Pe(e){let t=e.split(`/`),n=t.at(-1)??``;return Me.has(n)||n.endsWith(`.snap`)||n.endsWith(`.min.js`)||n.endsWith(`.min.css`)||/\.generated\./.test(n)||t.slice(0,-1).some(e=>z.has(e))?`generated`:/\.(?:test|spec)\./.test(n)||t.slice(0,-1).some(e=>B.has(e))?`test`:`source`}function Fe(e){let t=e.lastIndexOf(`.`);return t>e.lastIndexOf(`/`)?e.slice(0,t):e}function Ie(e){return Fe(e.split(`/`).at(-1)??``)}function Le(e,t){let n=e.split(`/`).slice(0,-1);for(let e of t.split(`/`))e===`.`||e===``||(e===`..`?n.pop():n.push(e));return n.join(`/`)}var Re=/(?:\bfrom|\bimport|\brequire\s*\()\s*\(?\s*["']([^"']+)["']/g;function ze(e,t,n,r){let i=new Set;for(let a of t){Re.lastIndex=0;let t=Re.exec(a);for(;t!==null;){let o=t[1]??``,s=o.startsWith(`.`)?Le(e,o):o,c=Ne.find(e=>s.endsWith(e)),l=c===void 0?s:s.slice(0,-c.length),u=n.get(l)??n.get(`${l}/index`)??r.get(Ie(l));u!==void 0&&u!==e&&i.add(u),t=Re.exec(a)}}return i}function Be(e,t){let n=new Set(e),r=[],i=[...e].sort((e,t)=>e.localeCompare(t));for(;n.size>0;){let e=i.filter(e=>n.has(e)),a=e.find(e=>[...t.get(e)??[]].every(e=>!n.has(e)))??e[0];n.delete(a),r.push(a)}return r}function V(e){return(e.split(`/`).at(-1)??``).replace(/\.(?:test|spec)\..*$/,``).replace(/\.[^.]+$/,``)}function Ve(e){let t=new Map;for(let n of e)t.set(L(n),n);let n=new Map;for(let e of t.keys())n.set(e,Pe(e));let r=[...t.keys()].filter(e=>n.get(e)===`source`),i=new Map,a=new Set,o=new Map;for(let e of r){i.set(Fe(e),e);let t=Ie(e);o.has(t)&&a.add(t),o.set(t,e)}for(let e of a)o.delete(e);let s=new Map;for(let e of r){let n=t.get(e);s.set(e,ze(e,[...n.additionLines,...n.deletionLines],i,o))}let c=Be(r,s),l=new Map;c.forEach((e,t)=>{let n=Ie(e);l.has(n)||l.set(n,t)});let u=[...t.keys()].filter(e=>n.get(e)===`test`).sort((e,t)=>(l.get(V(e))??2**53-1)-(l.get(V(t))??2**53-1)||e.localeCompare(t)),d=[...t.keys()].filter(e=>n.get(e)===`generated`).sort((e,t)=>e.localeCompare(t));return[...c,...u,...d].map(e=>t.get(e))}function He(e,t){return async n=>{let r=L(n),i=n.prevName?L({...n,name:n.prevName}):r,a=await e({changeType:n.type,oldPath:i,newPath:r}),o={name:r,contents:a.newContents,cacheKey:`${t}:new:${r}`};return n.type===`rename-pure`?{oldFile:null,newFile:o}:{oldFile:{name:i,contents:a.oldContents,cacheKey:`${t}:old:${i}`},newFile:o}}}function Ue(e,t){return He(async({changeType:n,oldPath:r,newPath:i})=>{let a=await e({environmentId:t.environmentId,input:{...t.reference,...t.commit===null?{}:{commit:t.commit},changeType:n,oldPath:r,newPath:i}});if(a._tag!==`Success`)throw s(a);return a.value},t.cacheKey)}var H=r();function U(e,t,n){return!n&&(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&t.trim().length>0}var W=t();function We(e){let t=(0,H.c)(43),{kind:n,rangeLabel:r,text:i,onTextChange:a,onCancel:o,onComment:s,onDelete:l,placeholder:u,submitLabel:d,pending:f,secondaryAction:p}=e,m=u===void 0?`Add a comment…`:u,h=d===void 0?`Comment`:d,g=f===void 0?!1:f,[_,v]=(0,R.useState)(``),y=n===`draft`&&!a?_:i,b;t[0]===y?b=t[1]:(b=y.trim(),t[0]=y,t[1]=b);let x=b;if(n===`comment`){let e;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,W.jsx)(ee,{className:`mt-0.5 size-3.5 shrink-0 text-primary/70`,"aria-hidden":`true`}),t[2]=e):e=t[2];let n;t[3]===y?n=t[4]:(n=(0,W.jsx)(`p`,{className:`min-w-0 flex-1 whitespace-pre-wrap text-[13px] leading-5`,children:y}),t[3]=y,t[4]=n);let r;t[5]===l?r=t[6]:(r=l?(0,W.jsx)(c,{className:`-my-1 -mr-1 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/comment:opacity-100 focus-visible:opacity-100 max-sm:opacity-100`,variant:`ghost`,size:`icon-xs`,"aria-label":`Delete comment`,onClick:l,children:(0,W.jsx)(j,{className:`size-3`})}):null,t[5]=l,t[6]=r);let i;return t[7]!==n||t[8]!==r?(i=(0,W.jsxs)(`div`,{"data-diff-comment-annotation":!0,className:`group/comment flex min-w-0 items-start gap-2.5 border-s-2 border-primary/55 bg-primary/[0.045] px-3 py-2.5 font-sans text-foreground`,contentEditable:!1,onPointerDown:q,children:[e,n,r]}),t[7]=n,t[8]=r,t[9]=i):i=t[9],i}let S=`Comment on lines ${r}`,C;t[10]===a?C=t[11]:(C=e=>(a??v)(e.target.value),t[10]=a,t[11]=C);let w;t[12]!==o||t[13]!==s||t[14]!==g||t[15]!==x?(w=e=>{e.key===`Escape`&&(e.preventDefault(),o()),U(e,x,g)&&(e.preventDefault(),s(x))},t[12]=o,t[13]=s,t[14]=g,t[15]=x,t[16]=w):w=t[16];let T;t[17]!==y||t[18]!==m||t[19]!==S||t[20]!==C||t[21]!==w?(T=(0,W.jsx)(A,{autoFocus:!0,unstyled:!0,className:`relative inline-flex w-full rounded-md border border-border/50 bg-background/20 font-sans text-foreground transition-colors focus-within:border-border/70 [&_[data-slot=textarea]]:min-h-12 [&_[data-slot=textarea]]:cursor-text [&_[data-slot=textarea]]:px-2.5 [&_[data-slot=textarea]]:py-1.5 [&_[data-slot=textarea]]:font-sans [&_[data-slot=textarea]]:text-xs [&_[data-slot=textarea]]:leading-5 max-sm:[&_[data-slot=textarea]]:min-h-12`,size:`sm`,value:y,placeholder:m,"aria-label":S,onChange:C,onFocus:G,onKeyDown:w}),t[17]=y,t[18]=m,t[19]=S,t[20]=C,t[21]=w,t[22]=T):T=t[22];let E;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(E=(0,W.jsx)(`span`,{className:`mr-auto text-[10px] text-muted-foreground/70`,children:`⌘/Ctrl Enter to send`}),t[23]=E):E=t[23];let D;t[24]===o?D=t[25]:(D=(0,W.jsx)(c,{className:`text-muted-foreground hover:text-foreground`,variant:`ghost`,size:`xs`,onClick:o,children:`Cancel`}),t[24]=o,t[25]=D);let O;t[26]!==p||t[27]!==x?(O=p?(0,W.jsxs)(c,{size:`xs`,variant:`outline`,disabled:!p.allowEmpty&&!x,onClick:()=>p.onAction(x),children:[p.icon,p.label]}):null,t[26]=p,t[27]=x,t[28]=O):O=t[28];let k=g||!x,M;t[29]!==s||t[30]!==x?(M=()=>s(x),t[29]=s,t[30]=x,t[31]=M):M=t[31];let N;t[32]!==h||t[33]!==k||t[34]!==M?(N=(0,W.jsx)(c,{size:`xs`,disabled:k,onClick:M,children:h}),t[32]=h,t[33]=k,t[34]=M,t[35]=N):N=t[35];let P;t[36]!==D||t[37]!==O||t[38]!==N?(P=(0,W.jsxs)(`div`,{className:`mt-1.5 flex items-center gap-1`,children:[E,D,O,N]}),t[36]=D,t[37]=O,t[38]=N,t[39]=P):P=t[39];let te;return t[40]!==P||t[41]!==T?(te=(0,W.jsxs)(`div`,{"data-diff-comment-annotation":!0,className:`px-3 py-2 font-sans text-foreground`,contentEditable:!1,onPointerDown:K,children:[T,P]}),t[40]=P,t[41]=T,t[42]=te):te=t[42],te}function G(e){let t=e.currentTarget.value.length;e.currentTarget.setSelectionRange(t,t)}function K(e){return e.stopPropagation()}function q(e){return e.stopPropagation()}var J=`${I}
|
|
2
|
+
:is(
|
|
3
|
+
[data-line],
|
|
4
|
+
[data-line-annotation],
|
|
5
|
+
[data-merge-conflict],
|
|
6
|
+
[data-merge-conflict-actions],
|
|
7
|
+
[data-no-newline]
|
|
8
|
+
)[data-selected-line] {
|
|
9
|
+
--diffs-line-bg: light-dark(
|
|
10
|
+
color-mix(
|
|
11
|
+
in lab,
|
|
12
|
+
var(--code-background) 88%,
|
|
13
|
+
color-mix(in srgb, var(--code-background) 50%, var(--diffs-modified-base))
|
|
14
|
+
),
|
|
15
|
+
color-mix(
|
|
16
|
+
in lab,
|
|
17
|
+
var(--code-background) 80%,
|
|
18
|
+
color-mix(in srgb, var(--code-background) 70%, var(--diffs-modified-base))
|
|
19
|
+
)
|
|
20
|
+
) !important;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:is([data-gutter-buffer], [data-column-number])[data-selected-line] {
|
|
24
|
+
--diffs-line-bg: light-dark(
|
|
25
|
+
color-mix(
|
|
26
|
+
in lab,
|
|
27
|
+
var(--code-background) 91%,
|
|
28
|
+
color-mix(in srgb, var(--code-background) 35%, var(--diffs-modified-base))
|
|
29
|
+
),
|
|
30
|
+
color-mix(
|
|
31
|
+
in lab,
|
|
32
|
+
var(--code-background) 85%,
|
|
33
|
+
color-mix(in srgb, var(--code-background) 60%, var(--diffs-modified-base))
|
|
34
|
+
)
|
|
35
|
+
) !important;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
[data-indicators="bars"]
|
|
39
|
+
:is([data-column-number], [data-gutter-buffer="annotation"])[data-selected-line] {
|
|
40
|
+
position: relative;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
[data-indicators="bars"]
|
|
44
|
+
:is([data-column-number], [data-gutter-buffer="annotation"])[data-selected-line]::before {
|
|
45
|
+
position: absolute !important;
|
|
46
|
+
inset-block: 0 !important;
|
|
47
|
+
inset-inline-start: 0 !important;
|
|
48
|
+
display: block !important;
|
|
49
|
+
width: 4px !important;
|
|
50
|
+
min-width: 4px !important;
|
|
51
|
+
max-width: 4px !important;
|
|
52
|
+
height: auto !important;
|
|
53
|
+
padding: 0 !important;
|
|
54
|
+
content: "" !important;
|
|
55
|
+
background-color: var(--diffs-modified-base) !important;
|
|
56
|
+
background-image: none !important;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
[data-file-info] {
|
|
60
|
+
background-color: var(--code-background) !important;
|
|
61
|
+
border-block-color: transparent !important;
|
|
62
|
+
color: var(--code-foreground) !important;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
[data-diffs-header] {
|
|
66
|
+
position: sticky !important;
|
|
67
|
+
top: 0;
|
|
68
|
+
z-index: 4;
|
|
69
|
+
background-color: var(--code-background) !important;
|
|
70
|
+
border-bottom-color: transparent !important;
|
|
71
|
+
align-items: center !important;
|
|
72
|
+
font-family: var(--font-sans) !important;
|
|
73
|
+
font-size: 12px !important;
|
|
74
|
+
line-height: 1 !important;
|
|
75
|
+
min-height: 32px !important;
|
|
76
|
+
padding-block: 6px !important;
|
|
77
|
+
padding-inline: 8px 12px !important;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
[data-diffs-header]:hover {
|
|
81
|
+
/* A native scrollbar gutter cannot be painted by descendants. Use an inset edge cue instead
|
|
82
|
+
of a full-width band that would look accidentally clipped at the gutter. */
|
|
83
|
+
background-color: var(--code-background) !important;
|
|
84
|
+
box-shadow: inset 3px 0 color-mix(in srgb, var(--code-foreground) 24%, transparent);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"]) {
|
|
88
|
+
height: 24px !important;
|
|
89
|
+
margin-block: 0 !important;
|
|
90
|
+
background-color: var(--code-background) !important;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])
|
|
94
|
+
[data-separator-wrapper] {
|
|
95
|
+
padding-inline: 8px 12px !important;
|
|
96
|
+
background-color: transparent !important;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])
|
|
100
|
+
[data-separator-content] {
|
|
101
|
+
gap: 8px;
|
|
102
|
+
padding-inline: 0 !important;
|
|
103
|
+
background-color: transparent !important;
|
|
104
|
+
color: color-mix(in srgb, var(--code-foreground) 52%, var(--code-background)) !important;
|
|
105
|
+
font-family: var(--font-sans) !important;
|
|
106
|
+
font-size: 11px !important;
|
|
107
|
+
text-decoration: none !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])
|
|
111
|
+
[data-unmodified-lines] {
|
|
112
|
+
display: flex !important;
|
|
113
|
+
min-width: 0;
|
|
114
|
+
flex: 1 1 auto;
|
|
115
|
+
align-items: center;
|
|
116
|
+
gap: 8px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])[data-expand-index]
|
|
120
|
+
[data-unmodified-lines] {
|
|
121
|
+
cursor: pointer;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])
|
|
125
|
+
[data-unmodified-lines]::before,
|
|
126
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])
|
|
127
|
+
[data-unmodified-lines]::after {
|
|
128
|
+
width: auto;
|
|
129
|
+
height: 1px;
|
|
130
|
+
flex: 1 1 auto;
|
|
131
|
+
content: "";
|
|
132
|
+
background-color: color-mix(in srgb, var(--code-background) 92%, var(--code-foreground));
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])[data-expand-index]
|
|
136
|
+
[data-separator-wrapper] {
|
|
137
|
+
grid-template-columns: 0 minmax(0, 1fr) !important;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])[data-expand-index]
|
|
141
|
+
[data-separator-content] {
|
|
142
|
+
grid-column: 2 !important;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/* Visually hidden rather than display: none so the expand action stays keyboard-reachable. */
|
|
146
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"])
|
|
147
|
+
[data-expand-button] {
|
|
148
|
+
position: absolute !important;
|
|
149
|
+
width: 1px !important;
|
|
150
|
+
height: 1px !important;
|
|
151
|
+
margin: -1px !important;
|
|
152
|
+
padding: 0 !important;
|
|
153
|
+
overflow: hidden !important;
|
|
154
|
+
clip-path: inset(50%) !important;
|
|
155
|
+
border: 0 !important;
|
|
156
|
+
white-space: nowrap !important;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"]):has(
|
|
160
|
+
[data-expand-button]
|
|
161
|
+
)
|
|
162
|
+
[data-separator-content] {
|
|
163
|
+
cursor: pointer;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"]):has(
|
|
167
|
+
[data-expand-button]
|
|
168
|
+
):is(:hover, :focus-within)
|
|
169
|
+
[data-separator-content] {
|
|
170
|
+
color: color-mix(in srgb, var(--code-foreground) 76%, var(--code-background)) !important;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"]):has(
|
|
174
|
+
[data-expand-button]
|
|
175
|
+
):is(:hover, :focus-within)
|
|
176
|
+
[data-unmodified-lines]::before,
|
|
177
|
+
:is([data-separator="line-info"], [data-separator="line-info-basic"]):has(
|
|
178
|
+
[data-expand-button]
|
|
179
|
+
):is(:hover, :focus-within)
|
|
180
|
+
[data-unmodified-lines]::after {
|
|
181
|
+
background-color: color-mix(in srgb, var(--code-background) 84%, var(--code-foreground));
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
[data-diffs-header] [data-header-content] {
|
|
185
|
+
align-items: center !important;
|
|
186
|
+
line-height: 1 !important;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
[data-diffs-header] [data-metadata] {
|
|
190
|
+
align-items: center !important;
|
|
191
|
+
line-height: 1 !important;
|
|
192
|
+
font-variant-numeric: tabular-nums;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
[data-diffs-header] [data-additions-count],
|
|
196
|
+
[data-diffs-header] [data-deletions-count] {
|
|
197
|
+
font-family: var(--font-mono) !important;
|
|
198
|
+
font-size: 11px !important;
|
|
199
|
+
font-variant-numeric: tabular-nums;
|
|
200
|
+
line-height: 1 !important;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
[data-diffs-header] [data-change-icon],
|
|
204
|
+
[data-diffs-header] [data-rename-icon] {
|
|
205
|
+
display: block;
|
|
206
|
+
flex-shrink: 0;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
[data-title] {
|
|
210
|
+
cursor: pointer;
|
|
211
|
+
transition:
|
|
212
|
+
color 120ms ease,
|
|
213
|
+
text-decoration-color 120ms ease;
|
|
214
|
+
text-decoration: underline;
|
|
215
|
+
text-decoration-color: transparent;
|
|
216
|
+
text-underline-offset: 2px;
|
|
217
|
+
font-family: var(--font-sans) !important;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
[data-title]:hover {
|
|
221
|
+
color: color-mix(in srgb, var(--code-foreground) 84%, var(--primary)) !important;
|
|
222
|
+
text-decoration-color: currentColor;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
/* Expanding a file mounts its body all at once; easing it in matches the 200ms the app's
|
|
226
|
+
collapsibles take. Appearance only — the viewer owns geometry, so height cannot animate.
|
|
227
|
+
Departing content cuts, the same one-way rule the pull request chrome fold follows. */
|
|
228
|
+
[data-diff],
|
|
229
|
+
[data-file] {
|
|
230
|
+
transition: opacity 200ms ease-out;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
@starting-style {
|
|
234
|
+
[data-diff],
|
|
235
|
+
[data-file] {
|
|
236
|
+
opacity: 0;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
@media (prefers-reduced-motion: reduce) {
|
|
241
|
+
[data-diff],
|
|
242
|
+
[data-file] {
|
|
243
|
+
transition: none;
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
`;function Ge(e){let t=(0,H.c)(18),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({options:r,viewerRef:o,className:n,unsafeCSSExtra:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s;t[6]===o?s=t[7]:(s=o?{ref:o}:{},t[6]=o,t[7]=s);let c=n?`diff-render-surface outline-none ${n}`:`diff-render-surface outline-none`,l=a?`${J}\n${a}`:J,u,d;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(u={diffHeaderHeight:32,hunkSeparatorHeight:24,spacing:0,paddingTop:0,paddingBottom:0},d={paddingTop:0,paddingBottom:0,gap:0},t[8]=u,t[9]=d):(u=t[8],d=t[9]);let f;t[10]!==r||t[11]!==l?(f={...r,unsafeCSS:l,itemMetrics:u,layout:d},t[10]=r,t[11]=l,t[12]=f):f=t[12];let p;return t[13]!==i||t[14]!==s||t[15]!==c||t[16]!==f?(p=(0,W.jsx)(N,{...i,...s,className:c,options:f}),t[13]=i,t[14]=s,t[15]=c,t[16]=f,t[17]=p):p=t[17],p}var Ke=`mx-3 my-2 rounded-xl border border-border/70 bg-background p-3 text-sm shadow-sm`;function qe(e){return t=>{t.key===`Escape`&&e.onCancel&&(t.preventDefault(),e.onCancel()),U(t,e.value,e.pending)&&(t.preventDefault(),e.onSubmit())}}function Je(e){let t=(0,H.c)(11),{comment:n,onRemove:r}=e,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=v(Ke,`border-dashed`),t[0]=i):i=t[0];let a,o;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(a=(0,W.jsx)(he,{className:`size-3.5`}),o=(0,W.jsx)(`span`,{children:`Pending — sent when you submit the review`}),t[1]=a,t[2]=o):(a=t[1],o=t[2]);let s;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,W.jsx)(j,{className:`size-3.5`}),t[3]=s):s=t[3];let l;t[4]===r?l=t[5]:(l=(0,W.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[a,o,(0,W.jsx)(c,{size:`icon-xs`,variant:`ghost`,className:`ml-auto`,"aria-label":`Discard this comment`,onClick:r,children:s})]}),t[4]=r,t[5]=l);let u;t[6]===n.body?u=t[7]:(u=(0,W.jsx)(`p`,{className:`mt-2 whitespace-pre-wrap leading-relaxed`,children:n.body}),t[6]=n.body,t[7]=u);let d;return t[8]!==l||t[9]!==u?(d=(0,W.jsxs)(`div`,{className:i,contentEditable:!1,onPointerDown:Ye,children:[l,u]}),t[8]=l,t[9]=u,t[10]=d):d=t[10],d}function Ye(e){return e.stopPropagation()}function Xe({thread:e,workspaceRoot:t,canReply:n,canResolve:r,canReact:i,environmentId:a,reference:o,pending:s,fixPending:l,fixLabel:u=`Fix in a thread`,onFix:d,onReply:f,canEditComment:m,onEditComment:h,onToggleResolved:g,onReacted:_}){let[v,y]=(0,R.useState)(!e.isResolved),[b,x]=(0,R.useState)(!1),[S,C]=(0,R.useState)(``),[w,T]=(0,R.useState)(null),[E,D]=(0,R.useState)(!1),O=(0,R.useRef)(!1),k=async(e,t)=>{if(E)return;D(!0);let n=await h(e,t);D(!1),n&&T(null)},j=async()=>{let e=S.trim();if(!(e.length===0||s||O.current)){O.current=!0;try{await f(e)&&(C(``),x(!1))}finally{O.current=!1}}};return(0,W.jsxs)(`div`,{className:Ke,contentEditable:!1,onPointerDown:e=>e.stopPropagation(),children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[e.isResolved?(0,W.jsx)(p,{className:`size-3.5 text-emerald-600 dark:text-emerald-500`}):(0,W.jsx)(se,{className:`size-3.5`}),(0,W.jsxs)(`button`,{type:`button`,className:`hover:text-foreground`,"aria-expanded":v,onClick:()=>y(e=>!e),children:[e.isResolved?`Resolved`:`Open`,` · `,e.comments.length,` `,e.comments.length===1?`comment`:`comments`]}),e.isOutdated?(0,W.jsx)(`span`,{children:`outdated`}):null,d?(0,W.jsxs)(c,{size:`xs`,variant:`ghost`,className:`ml-auto`,disabled:s||l,onClick:d,children:[(0,W.jsx)(oe,{className:`size-3`}),l?`Preparing...`:u]}):null,r?(0,W.jsx)(c,{size:`xs`,variant:`ghost`,className:d?void 0:`ml-auto`,disabled:s,onClick:g,children:e.isResolved?`Unresolve`:`Resolve`}):null]}),v?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`mt-2 space-y-3`,children:e.comments.map(e=>(0,W.jsxs)(`article`,{className:`group min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,W.jsx)(Oe,{actor:e.author,className:`text-foreground`}),(0,W.jsx)(`span`,{children:le(e.createdAt)})]}),w===e.id?(0,W.jsx)(_e,{className:`mt-1`,value:e.body,cwd:t,label:`Edit comment`,saving:E,onSave:t=>void k(e.id,t),onCancel:()=>T(null)}):(0,W.jsxs)(`div`,{className:`mt-1 flex items-start gap-1`,children:[(0,W.jsx)(ye,{className:`min-w-0 flex-1 text-sm`,text:e.body,cwd:t}),m(e)?(0,W.jsx)(c,{size:`icon-xs`,variant:`ghost`,className:`shrink-0 text-muted-foreground opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 focus-visible:opacity-100`,"aria-label":`Edit comment`,onClick:()=>T(e.id),children:(0,W.jsx)(ge,{className:`size-3`})}):null]}),(0,W.jsx)(de,{className:`mt-1.5`,reactions:e.reactions??[],canReact:i,subjectId:e.id,environmentId:a,reference:o,onRefresh:_})]},e.id))}),n?b?(0,W.jsxs)(`div`,{className:`mt-2`,children:[(0,W.jsx)(A,{autoFocus:!0,size:`sm`,value:S,placeholder:`Reply`,"aria-label":`Reply to this conversation`,onChange:e=>C(e.target.value),onKeyDown:qe({value:S,pending:s,onSubmit:()=>void j(),onCancel:()=>x(!1)})}),(0,W.jsxs)(`div`,{className:`mt-2 flex justify-end gap-2`,children:[(0,W.jsx)(c,{size:`xs`,variant:`ghost`,onClick:()=>x(!1),children:`Cancel`}),(0,W.jsx)(c,{size:`xs`,disabled:s||S.trim().length===0,onClick:()=>void j(),children:`Reply`})]})]}):(0,W.jsx)(c,{size:`xs`,variant:`ghost`,className:`mt-2 px-1`,onClick:()=>x(!0),children:`Reply`}):null]}):null]})}var Ze=0;function Qe(){return Ze+=1,`pending-review-comment-${Ze}`}function $e(e){return`${e.projectId}/${e.repository}#${e.number}`}var et=[],Y=O()(e=>({drafts:{},summaries:{},addComment:(t,n)=>e(e=>({drafts:{...e.drafts,[t]:[...e.drafts[t]??et,n]}})),removeComment:(t,n)=>e(e=>{let r=(e.drafts[t]??et).filter(e=>e.id!==n);if(r.length>0)return{drafts:{...e.drafts,[t]:r}};let{[t]:i,...a}=e.drafts;return{drafts:a}}),removeComments:(t,n)=>e(e=>{let r=new Set(n),i=(e.drafts[t]??et).filter(e=>!r.has(e.id));if(i.length>0)return{drafts:{...e.drafts,[t]:i}};let{[t]:a,...o}=e.drafts;return{drafts:o}}),clear:t=>e(e=>{let{[t]:n,...r}=e.drafts;return{drafts:r}}),setSummary:(t,n)=>e(e=>({summaries:{...e.summaries,[t]:n}})),clearSummary:(t,n)=>e(e=>{if(e.summaries[t]!==n)return e;let{[t]:r,...i}=e.summaries;return{summaries:i}})}));function tt(e){let t=(0,H.c)(2),n;return t[0]===e?n=t[1]:(n=t=>t.drafts[$e(e)]??et,t[0]=e,t[1]=n),Y(n)}var nt=[{value:`comment`,label:`Comment`,sent:`Review submitted`,icon:(0,W.jsx)(he,{className:`size-3`})},{value:`approve`,label:`Approve`,sent:`Pull request approved`,icon:(0,W.jsx)(C,{className:`size-3`})},{value:`request-changes`,label:`Request changes`,sent:`Changes requested`,icon:(0,W.jsx)(ve,{className:`size-3`})}];function rt(e){let t=(0,H.c)(13),{environmentId:n,reference:r,verdicts:i,onSubmitted:a}=e,[o,s]=(0,R.useState)(!1),l=tt(r),d=$e(r),f=Y(e=>e.summaries[d]??``),p=Y(ct),m=Y(st),h=Y(ot),g=Y(at),_;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(_={reportFailure:!1},t[0]=_):_=t[0];let v=E(F.submitReview,_),y;t[1]===i?y=t[2]:(y=e=>i.includes(e.value),t[1]=i,t[2]=y);let b=nt.filter(y);if(b.length===0)return null;let x=async e=>{if(o)return;let t=f,i=l;s(!0);let c=await v({environmentId:n,input:{...r,verdict:e.value,body:t,comments:i}});if(s(!1),c._tag===`Failure`){u.add({type:`error`,title:`The review could not be submitted`});return}m(d,i.map(it)),g(d,t),u.add({type:`success`,title:e.sent}),a()},S;t[3]!==f||t[4]!==l.length?(S=e=>e===`approve`||f.trim().length>0||l.length>0,t[3]=f,t[4]=l.length,t[5]=S):S=t[5];let C=S,w=l.length===0?`No line comments yet`:`${l.length} ${l.length===1?`comment`:`comments`} pending`,T;t[6]===w?T=t[7]:(T=(0,W.jsx)(`span`,{children:w}),t[6]=w,t[7]=T);let D=l.length>0?(0,W.jsx)(c,{size:`xs`,variant:`ghost`,disabled:o,onClick:()=>p(d),children:`Discard`}):null,O;t[8]!==T||t[9]!==D?(O=(0,W.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[T,D]}),t[8]=T,t[9]=D,t[10]=O):O=t[10];let k=b.map(e=>(0,W.jsx)(c,{size:`xs`,variant:e.value===`comment`?`outline`:`default`,disabled:o||!C(e.value),onClick:()=>void x(e),children:(0,W.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[e.icon,e.label]})},e.value)),j;return t[11]===k?j=t[12]:(j=(0,W.jsx)(`div`,{className:`mt-2 flex flex-wrap justify-end gap-2`,children:k}),t[11]=k,t[12]=j),(0,W.jsxs)(`div`,{className:`px-4 py-3`,children:[O,(0,W.jsx)(A,{size:`sm`,className:`mt-2`,value:f,placeholder:`Summarize your review (optional)`,"aria-label":`Review summary`,onChange:e=>h(d,e.target.value)}),j]})}function it(e){return e.id}function at(e){return e.clearSummary}function ot(e){return e.setSummary}function st(e){return e.removeComments}function ct(e){return e.clear}function lt(e,t,n){return e.hunks.some(e=>t===`left`?n>=e.deletionStart&&n<e.deletionStart+e.deletionCount:n>=e.additionStart&&n<e.additionStart+e.additionCount)}function ut(e,t,n){let r=t!==`expanded`;return n.has(e)?!r:r}var dt=10,ft=`
|
|
247
|
+
[data-diffs-header] [data-additions-count],
|
|
248
|
+
[data-diffs-header] [data-deletions-count] {
|
|
249
|
+
display: none !important;
|
|
250
|
+
}`,pt=[];function mt(e){return e===`left`?`deletions`:`additions`}function ht(e){return e===`deletions`?`left`:`right`}function X({environmentId:e,reference:t,detail:n,selectedCommitOid:r,onSelectedCommitChange:s,pendingFinding:p,fixFindingLabel:_=`Fix in a thread`,onFixFinding:C,onAddToAgentSelection:O,onRefresh:A,refreshToken:j=0}){let{resolvedTheme:ee}=ce(),N=M(),[oe,se]=(0,R.useState)(()=>new Set),[le,de]=(0,R.useState)(dt),[ge,_e]=(0,R.useState)(null),[ve,ye]=(0,R.useState)(`stacked`),[I,Oe]=(0,R.useState)(N.wordWrap),[Me,z]=(0,R.useState)(null),[B,Ne]=(0,R.useState)(null),[Pe,Fe]=(0,R.useState)(!1),[Ie,Le]=(0,R.useState)(!1),[Re,ze]=(0,R.useState)(!1),[Be,V]=(0,R.useState)({key:``,cursor:null,slices:pt}),He=(0,R.useRef)(new Map),H=$e(t),U=r,G=U===null?H:`${H}@${U}`;(0,R.useEffect)(()=>{Ne(null),z(null),se(new Set),_e(null),de(dt),Le(!1),V({key:G,cursor:null,slices:pt}),He.current.clear()},[G]);let K=Be.key===G?Be.slices:pt,q=Be.key===G?Be.cursor:null,J=T(F.diff({environmentId:e,input:{...t,...q===null?{}:{cursor:q},...U===null?{}:{commit:U}}}));(0,R.useEffect)(()=>{let e=J.data;e!==null&&V(t=>{let n=t.key===G?t.slices:pt,r={cursor:q,patch:e.patch,truncated:e.truncated,nextCursor:e.nextCursor,omittedFileStats:e.omittedFileStats??[]},i=n.findIndex(e=>e.cursor===q);if(i===-1)return{key:G,cursor:q,slices:[...n,r]};let a=n[i];return a!==void 0&&a.patch===r.patch&&a.truncated===r.truncated&&a.nextCursor===r.nextCursor&&a.omittedFileStats.length===r.omittedFileStats.length&&a.omittedFileStats.every((e,t)=>{let n=r.omittedFileStats[t];return n!==void 0&&n.path===e.path&&n.additions===e.additions&&n.deletions===e.deletions})?t:{key:G,cursor:q,slices:[...n.slice(0,i),r]}})},[q,J.data,G]);let Ke=k(F.diff({environmentId:e,input:{...t,...U===null?{}:{commit:U}}})),qe=(0,R.useRef)(j);(0,R.useEffect)(()=>{qe.current!==j&&(qe.current=j,V({key:G,cursor:null,slices:pt}),Ke())},[j,G,Ke]);let Ye=H,Ze=tt(t),et=Y(e=>e.addComment),nt=Y(e=>e.removeComment),it=E(F.replyToThread,{reportFailure:!1}),at=E(F.setThreadResolution,{reportFailure:!1}),ot=E(F.updateComment,{reportFailure:!1}),st=E(F.diffFileContents),ct=(0,R.useMemo)(()=>Ue(st,{environmentId:e,reference:t,commit:U,cacheKey:`pull-request:${H}:${n.updatedAt}:${U??`all`}`}),[U,n.updatedAt,e,st,t,H]),X=(0,R.useMemo)(()=>{let e=n.capabilities.review,t=n.viewerPermissions;return{inlineComment:e.inlineComment&&t.comment,reply:e.reply&&t.comment,resolve:e.resolve&&t.resolve,verdicts:e.verdicts.filter(e=>t.verdicts.includes(e))}},[n.capabilities.review,n.viewerPermissions]),gt=X.inlineComment&&U===null,_t=(0,R.useMemo)(()=>K.map(e=>{let t=`pull-request:${G}:${ee}:${e.cursor??`first`}:${ke(e.patch)}`,n=He.current.get(t);if(n)return n;let r=Ae(e.patch,t,{compactPartialHunkOffsets:!0});return r&&He.current.set(t,r),r}),[K,ee,G]),Z=(0,R.useMemo)(()=>_t.flatMap(e=>e?.kind===`files`?Ve(e.files):[]),[_t]),Q=K.at(-1)?.nextCursor??null,vt=K.some(e=>e.truncated)||_t.some(e=>e?.kind===`raw`),yt=(0,R.useMemo)(()=>{let e=new Set;if(U!==null)return e;for(let t of Z){let r=L(t);for(let i of n.reviewThreads)i.path===r&&i.line!==null&<(t,i.side,i.line)&&e.add(i.id)}return e},[U,n.reviewThreads,Z]),$=(0,R.useMemo)(()=>Z.map(e=>{let t=Ee(e),r=L(e),i=new Map,a=(e,t)=>{let n=`${e}:${t}`,r=i.get(n);if(r)return r;let a={side:e,line:t,threads:[],pending:[],draft:!1};return i.set(n,a),a};for(let e of n.reviewThreads)e.path!==r||e.line===null||yt.has(e.id)&&a(e.side,e.line).threads.push(e);if(U===null)for(let e of Ze)e.path===r&&a(e.side,e.line).pending.push(e);B?.fileKey===t&&(a(B.side,B.line).draft=!0);let o=ut(t,ge,oe),s=[...i.values()].map(e=>({side:mt(e.side),lineNumber:e.line,metadata:{threads:e.threads,pending:e.pending,draft:e.draft}}));return{id:t,type:`diff`,fileDiff:e,annotations:s,collapsed:o,version:ke(`${o?`1`:`0`}:${s.map(({side:e,lineNumber:t,metadata:n})=>`${e}:${t}:${n.draft?`d`:``}:${n.pending.map(e=>`${e.id}:${e.body}`).join(`,`)}:${n.threads.map(e=>`${e.id}:${e.isResolved?`r`:``}:${e.isOutdated?`o`:``}:${e.comments.map(e=>`${e.id}:${e.author?.login??``}:${e.createdAt}:${e.body}:${(e.reactions??[]).map(e=>`${e.content}:${e.count}:${e.viewerHasReacted?`v`:``}`).join(`,`)}`).join(`;`)}`).join(`,`)}`).join(`|`)}`)}}),[U,n.reviewThreads,B,Z,ge,Ze,yt,oe]),bt=(0,R.useMemo)(()=>Te(Z),[Z]),xt=(0,R.useMemo)(()=>new Map(K.flatMap(e=>e.omittedFileStats.map(e=>[e.path,e]))),[K]),St=(0,R.useMemo)(()=>$.map(e=>e.id),[$]),Ct=(0,R.useMemo)(()=>new Set($.filter(e=>e.collapsed===!0).map(e=>e.id)),[$]),wt=re(St,Ct),[Tt,Et]=(0,R.useState)(null);(0,R.useEffect)(()=>{if(Tt===null||Q===null||Q===q||J.isPending||J.error!==null)return;let e=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&V(e=>({...e,cursor:Q}))},{rootMargin:`240px`});return e.observe(Tt),()=>e.disconnect()},[q,J.error,J.isPending,Q,Tt]);let Dt=(0,R.useCallback)(e=>se(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),[]),Ot=()=>{_e(re(St,Ct)?`expanded`:`folded`),se(new Set)},kt=(0,R.useMemo)(()=>n.commits.toSorted((e,t)=>Date.parse(t.committedDate)-Date.parse(e.committedDate)),[n.commits]),At=(0,R.useCallback)((e,t)=>{if(!e||!gt)return;let n=t.item;if(n.type!==`diff`)return;let r=Z.find(e=>Ee(e)===n.id);if(!r)return;let i=L(r),a=De(r);Ne({fileKey:n.id,path:i,oldPath:a===i?null:a,line:e.end,side:ht(e.endSide??e.side),range:e})},[gt,Z]),jt=(0,R.useCallback)((e,t,r)=>{let i=Z.find(t=>Ee(t)===e.fileKey),a=i===void 0?null:m({id:`pull-request-selection:${e.fileKey}:${e.range.start}:${e.range.end}`,sectionId:`pull-request:${n.number}`,sectionTitle:`PR #${n.number} review`,filePath:e.path,fileDiff:i,range:e.range,text:t});Ne(null),z(null),a!==null&&r(a)},[n.number,Z]),Mt=(0,R.useCallback)(()=>Q===null?null:(0,W.jsx)(`div`,{ref:Et,className:`flex items-center justify-center gap-2 py-2 text-xs text-muted-foreground`,children:J.error===null?J.isPending?`Loading more files...`:null:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`span`,{children:`The rest of this diff could not be loaded.`}),(0,W.jsx)(c,{size:`xs`,variant:`outline`,onClick:()=>J.refresh(),children:`Retry`})]})}),[Q,J.error,J.isPending,J.refresh]),Nt=(0,R.useCallback)(e=>{let t=e.collapsed===!0;return(0,W.jsx)(`button`,{type:`button`,"aria-expanded":!t,"aria-label":t?`Expand diff`:`Collapse diff`,className:v(`mr-1 inline-flex size-5 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground`),onClick:t=>{t.stopPropagation(),Dt(e.id)},children:t?(0,W.jsx)(S,{className:`size-4`}):(0,W.jsx)(x,{className:`size-4`})})},[Dt]),Pt=(0,R.useCallback)(e=>{if(e.type!==`diff`)return null;let t=0,n=0;for(let r of e.fileDiff.hunks)t+=r.additionLines,n+=r.deletionLines;if(t===0&&n===0){let r=xt.get(L(e.fileDiff));r&&({additions:t,deletions:n}=r)}return(0,W.jsx)(pe,{additions:t,deletions:n,className:`font-mono text-[11px]`})},[xt]),Ft=(0,R.useMemo)(()=>({diffStyle:ve===`split`?`split`:`unified`,lineDiffType:`none`,overflow:I?`wrap`:`scroll`,theme:Se(ee),themeType:ee,stickyHeaders:!0,loadDiffFiles:ct,enableGutterUtility:gt&&B===null,enableLineSelection:gt&&B===null,onGutterUtilityClick:At,onLineSelectionEnd:At}),[ve,I,ee,ct,gt,B,At]),It=(0,R.useCallback)(async(e,t)=>{if(Pe)return!1;Fe(!0);let n=await t();return Fe(!1),n._tag===`Failure`?(u.add({type:`error`,title:e}),!1):(A(),!0)},[A,Pe]),Lt=(0,R.useCallback)(r=>(0,W.jsx)(Xe,{thread:r,workspaceRoot:n.workspaceRoot,canReply:X.reply,canResolve:X.resolve,canReact:n.capabilities.reactions===!0,environmentId:e,reference:t,pending:Pe,fixPending:p===me({kind:`thread`,thread:r}),fixLabel:_,...C?{onFix:()=>C({kind:`thread`,thread:r})}:{},onReply:n=>It(`Reply could not be posted`,()=>it({environmentId:e,input:{...t,threadId:r.id,body:n}})),canEditComment:e=>ue(n,{author:e.author,kind:`review-comment`}),onEditComment:(n,r)=>It(`The comment could not be saved`,()=>ot({environmentId:e,input:{...t,commentId:n,kind:`review-comment`,body:r}})),onToggleResolved:()=>void It(`The conversation could not be updated`,()=>at({environmentId:e,input:{...t,threadId:r.id,resolved:!r.isResolved}})),onReacted:A},`${t.projectId}#${t.number}:${r.id}`),[n,e,_,A,C,p,t,it,X.reply,X.resolve,It,at,Pe,ot]),Rt=(0,R.useCallback)(e=>(0,W.jsxs)(`div`,{className:`py-1 font-sans text-foreground`,children:[e.metadata.threads.map(Lt),e.metadata.pending.map(e=>(0,W.jsx)(Je,{comment:e,onRemove:()=>nt(Ye,e.id)},e.id)),e.metadata.draft&&B?(0,W.jsx)(We,{kind:`draft`,rangeLabel:`${B.path}:${B.line}`,text:``,submitLabel:`Add to review`,...O?{secondaryAction:{label:`Add to agent`,onAction:e=>jt(B,e,t=>O({comment:t,request:e}))}}:{},onCancel:()=>{Ne(null),z(null)},onComment:e=>{et(Ye,{id:Qe(),path:B.path,...B.oldPath===null?{}:{oldPath:B.oldPath},line:B.line,side:B.side,body:e}),Ne(null),z(null)}}):null]}),[et,jt,B,O,nt,Lt,Ye]),zt=X.verdicts.length===0?null:(0,W.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 bottom-0 z-10`,children:Re?(0,W.jsxs)(`div`,{className:`chat-composer-glass pointer-events-auto absolute inset-x-3 bottom-3 rounded-xl border border-border/60 shadow-lg`,children:[(0,W.jsx)(c,{type:`button`,size:`icon-sm`,variant:`ghost`,"aria-label":`Close review`,className:`absolute right-2 top-2`,onClick:()=>ze(!1),children:(0,W.jsx)(y,{className:`size-3.5`})}),(0,W.jsx)(rt,{environmentId:e,reference:t,verdicts:X.verdicts,onSubmitted:()=>{A(),ze(!1)}})]}):(0,W.jsxs)(`button`,{type:`button`,className:`chat-composer-glass pointer-events-auto absolute bottom-3 right-4 flex items-center gap-1.5 rounded-full border border-border/60 px-3 py-1.5 text-xs font-medium shadow-lg`,onClick:()=>ze(!0),children:[(0,W.jsx)(he,{className:`size-3.5`}),`Review`,Ze.length>0?(0,W.jsx)(`span`,{className:`flex size-4 items-center justify-center rounded-full bg-accent text-[10px] tabular-nums text-accent-foreground`,children:Ze.length}):null]})}),Bt=kt.find(e=>e.oid===U);(0,R.useEffect)(()=>{U!==null&&Bt===void 0&&s(null)},[U,s,Bt]);let Vt=Bt?Bt.messageHeadline:`All commits`,Ht=(0,W.jsxs)(`div`,{className:`surface-subheader justify-between gap-2 px-4 text-xs text-muted-foreground`,children:[(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[kt.length>0?(0,W.jsxs)(w,{children:[(0,W.jsxs)(d,{className:`inline-flex h-6 max-w-64 items-center gap-1 rounded-md bg-accent px-2 text-xs font-medium text-accent-foreground outline-none transition-colors hover:bg-accent/80 focus-visible:ring-2 focus-visible:ring-ring`,"aria-label":`Diff scope: ${Vt}`,children:[(0,W.jsx)(`span`,{className:`truncate`,children:Vt}),(0,W.jsx)(x,{className:`size-3.5 shrink-0 opacity-70`})]}),(0,W.jsxs)(g,{align:`start`,className:`w-80`,children:[(0,W.jsx)(h,{className:U===null?`bg-foreground/[0.08]`:void 0,onClick:()=>s(null),children:(0,W.jsx)(`span`,{children:`All commits`})}),kt.slice(0,le).map(e=>(0,W.jsxs)(h,{className:e.oid===U?`bg-foreground/[0.08]`:void 0,onClick:()=>s(e.oid),children:[(0,W.jsx)(`span`,{className:`min-w-0 truncate`,title:e.messageHeadline,children:e.messageHeadline}),(0,W.jsx)(`span`,{className:`ml-auto shrink-0 font-mono text-xs text-muted-foreground`,children:e.oid.slice(0,7)})]},e.oid)),kt.length>le?(0,W.jsx)(h,{closeOnClick:!1,onClick:()=>de(e=>e+dt),children:(0,W.jsxs)(`span`,{className:`text-muted-foreground`,children:[`Show more (`,kt.length-le,` left)`]})}):null]})]}):null,(0,W.jsxs)(xe,{children:[(0,W.jsxs)(`span`,{className:`shrink-0 tabular-nums`,children:[Z.length,` `,Z.length===1?`file`:`files`,Q===null?``:`+`]}),vt?(0,W.jsxs)(b,{children:[(0,W.jsx)(D,{render:(0,W.jsx)(`span`,{className:`flex shrink-0 items-center`}),children:(0,W.jsx)(f,{"aria-label":`Some of this diff was not shown`,className:`size-3.5 text-amber-600 dark:text-amber-500`})}),(0,W.jsx)(l,{side:`bottom`,children:`The host withheld part of this diff — a binary file, or a change too large to inline.`})]}):null,U!==null&&X.inlineComment?(0,W.jsxs)(b,{children:[(0,W.jsx)(D,{render:(0,W.jsx)(`span`,{className:`flex shrink-0 items-center`}),children:(0,W.jsx)(je,{"aria-label":`Line comments are written from the whole change`,className:`size-3.5`})}),(0,W.jsx)(l,{side:`bottom`,children:`A comment is anchored to the whole change, so switch to All commits to write one.`})]}):null]})]}),(0,W.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,W.jsx)(pe,{additions:bt.additions,deletions:bt.deletions,className:`mr-1`}),St.length>0?(0,W.jsxs)(b,{children:[(0,W.jsx)(D,{render:(0,W.jsx)(c,{type:`button`,size:`icon-sm`,variant:`ghost`,"aria-label":wt?`Expand all files`:`Collapse all files`,onClick:Ot}),children:wt?(0,W.jsx)(fe,{className:`size-3.5`}):(0,W.jsx)(P,{className:`size-3.5`})}),(0,W.jsx)(l,{side:`top`,children:wt?`Expand all files`:`Collapse all files`})]}):null,(0,W.jsxs)(te,{className:`shrink-0 gap-1`,size:`sm`,value:[ve],onValueChange:e=>{let t=e[0];(t===`stacked`||t===`split`)&&ye(t)},children:[(0,W.jsx)(ae,{"aria-label":`Stacked diff view`,value:`stacked`,variant:`ghost`,children:(0,W.jsx)(ne,{className:`size-3.5`})}),(0,W.jsx)(ae,{"aria-label":`Split diff view`,value:`split`,variant:`ghost`,children:(0,W.jsx)(ie,{className:`size-3.5`})})]}),(0,W.jsxs)(b,{children:[(0,W.jsx)(D,{render:(0,W.jsx)(ae,{"aria-label":I?`Disable diff line wrapping`:`Enable diff line wrapping`,variant:`ghost`,size:`sm`,pressed:I,onPressedChange:e=>{Oe(!!e)}}),children:(0,W.jsx)(Ce,{className:`size-3.5`})}),(0,W.jsx)(l,{side:`top`,children:I?`Disable line wrapping`:`Enable line wrapping`})]})]})]}),Ut=e=>(0,W.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[Ht,(0,W.jsxs)(`div`,{className:`relative min-h-0 flex-1`,children:[(0,W.jsx)(`div`,{className:`h-full overflow-auto`,children:e}),zt]})]});if(J.isPending&&K.length===0)return Ut((0,W.jsx)(be,{label:`Loading pull request diff...`}));if(J.error&&K.length===0)return Ut((0,W.jsx)(`p`,{className:`px-4 py-5 text-sm text-muted-foreground`,children:J.error}));let Wt=Q===null?_t.flatMap(e=>e?.kind===`raw`?[e]:[]):[];if(Z.length===0&&Wt.length>0)return Ut((0,W.jsx)(`div`,{className:`space-y-4 px-4 py-5`,children:Wt.map(e=>(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.reason}),(0,W.jsx)(`pre`,{className:`whitespace-pre-wrap break-words font-mono text-xs`,children:e.text})]},`${e.reason}:${e.text.slice(0,64)}`))}));if($.length===0&&Q===null)return Ut((0,W.jsx)(`p`,{className:`px-4 py-5 text-sm text-muted-foreground`,children:U===null?`This pull request has no file changes.`:`This commit has no file changes.`}));let Gt=n.reviewThreads.filter(e=>!yt.has(e.id)),Kt=new Map;for(let e of Gt){let t=Kt.get(e.path);t?t.push(e):Kt.set(e.path,[e])}let qt=Wt.length===0?null:(0,W.jsx)(`div`,{className:`space-y-4 border-t border-border/60 px-4 py-5`,children:Wt.map(e=>(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.reason}),(0,W.jsx)(`pre`,{className:`whitespace-pre-wrap break-words font-mono text-xs`,children:e.text})]},`${e.reason}:${e.text.slice(0,64)}`))});return(0,W.jsx)(we,{children:(0,W.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[Ht,Kt.size>0?(0,W.jsxs)(o,{className:`shrink-0 border-b border-border/60`,open:Ie,onOpenChange:Le,children:[(0,W.jsx)(`h2`,{children:(0,W.jsxs)(a,{className:`flex w-full items-center gap-1.5 px-4 py-2 text-left text-xs text-muted-foreground`,children:[(0,W.jsx)(`span`,{children:Q===null?`Conversations not on the current diff`:`Conversations not on the diff loaded so far`}),(0,W.jsx)(S,{"aria-hidden":!0,className:v(`size-3.5 transition-transform`,Ie&&`rotate-90`)}),(0,W.jsx)(`span`,{"aria-hidden":!0,className:`tabular-nums`,children:Gt.length}),(0,W.jsx)(`span`,{className:`sr-only`,children:Gt.length===1?`1 conversation`:`${Gt.length} conversations`})]})}),(0,W.jsx)(i,{children:(0,W.jsx)(`div`,{className:`max-h-64 space-y-3 overflow-auto px-4 pb-3`,children:[...Kt].map(([e,t])=>(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`truncate px-3 text-xs text-muted-foreground`,title:e,children:e}),(0,W.jsx)(`div`,{className:`mt-1 space-y-2`,children:t.map(e=>(0,W.jsxs)(`div`,{children:[e.line===null?null:(0,W.jsxs)(`p`,{className:`px-3 text-xs text-muted-foreground`,children:[`Line `,e.line]}),Lt(e)]},e.id))})]},e))})})]}):null,(0,W.jsxs)(`div`,{className:`relative min-h-0 flex-1`,onClickCapture:e=>{let t=e.nativeEvent.composedPath?.()??[];for(let e of t)if(e instanceof HTMLElement){if(e instanceof HTMLButtonElement||e instanceof HTMLAnchorElement)return;if(e.hasAttribute(`data-diffs-header`)){let t=e.querySelector(`[data-title]`)?.textContent?.trim();if(t===void 0||t===``)return;let n=$.find(e=>L(e.fileDiff)===t);n!==void 0&&Dt(n.id);return}}},children:[(0,W.jsx)(Ge,{className:`h-full overflow-auto [scrollbar-gutter:stable]`,items:$,selectedLines:Me,onSelectedLinesChange:z,options:Ft,renderCodeViewFooter:Mt,renderHeaderPrefix:Nt,renderHeaderMetadata:Pt,renderAnnotation:Rt,unsafeCSSExtra:ft}),zt]}),qt]})})}export{X as PullRequestCodeTab,X as default};
|
|
251
|
+
//# sourceMappingURL=PullRequestCodeTab-C_g7YA7o.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{n as t,r as n,t as r}from"./compiler-runtime-CLAvuQ-D.js";import{Ds as i,Eo as a,Fo as o,Fs as s,Io as c,Jo as l,Lo as u,Os as d,Po as f,Qo as p,Qs as m,To as h,Ui as g,Vo as _,Xo as v,Zo as y,_s as b,dg as x,es as S,js as C,ks as w,xs as T,zo as E,zs as D}from"./textarea-B7H3jk59.js";var O=e(n(),1),k=typeof window<`u`?O.useLayoutEffect:O.useEffect;function A(e){let t=O.useRef({value:e,prev:null}),n=t.current.value;return e!==n&&(t.current={value:e,prev:n}),t.current.prev}function j(e,t,n={},r={}){O.useEffect(()=>{if(!e.current||r.disabled||typeof IntersectionObserver!=`function`)return;let i=new IntersectionObserver(([e])=>{t(e)},n);return i.observe(e.current),()=>{i.disconnect()}},[t,n,r.disabled,e])}function M(e){let t=O.useRef(null);return O.useImperativeHandle(e,()=>t.current,[]),t}function N(e){let t=x();return O.useCallback(n=>t.navigate({...n,from:n.from??e?.from}),[e?.from,t])}var P=m(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),F=m(`maximize-2`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`m21 3-7 7`,key:`1l2asr`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M9 21H3v-6`,key:`wtvkvv`}]]);function I(e){let{open:t,defaultOpen:n,onOpenChange:r,disabled:i}=e,[a,o]=S({controlled:t,default:n,name:`Collapsible`,state:`open`}),{mounted:s,setMounted:l,transitionStatus:u}=c(a,!0,!0),d=_(),[f,p]=O.useState(),m=f??d,h=y(e=>{let t=!a,n=E(T,e.nativeEvent);r(t,n),!n.isCanceled&&o(t)});return O.useMemo(()=>({disabled:i,handleTrigger:h,mounted:s,open:a,panelId:m,setMounted:l,setOpen:o,setPanelIdState:p,transitionStatus:u}),[i,h,s,a,m,l,o,p,u])}var L=O.createContext(void 0);function R(){let e=O.useContext(L);if(e===void 0)throw Error(D(15));return e}var z=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=i.startingStyle]=`startingStyle`,e[e.endingStyle=i.endingStyle]=`endingStyle`,e}({}),B=function(e){return e.panelOpen=`data-panel-open`,e}({}),V={[z.open]:``},H={[z.closed]:``},U={open(e){return e?{[B.panelOpen]:``}:null}},W={open(e){return e?V:H},...d},G=t(),K=O.forwardRef(function(e,t){let{render:n,className:r,defaultOpen:i=!1,disabled:a=!1,onOpenChange:o,open:s,style:c,...l}=e,u=y(o),d=I({open:s,defaultOpen:i,onOpenChange:u,disabled:a}),f=O.useMemo(()=>({open:d.open,disabled:d.disabled,transitionStatus:d.transitionStatus}),[d.open,d.disabled,d.transitionStatus]),p=O.useMemo(()=>({...d,onOpenChange:u,state:f}),[d,u,f]),m=w(`div`,e,{state:f,ref:t,props:l,stateAttributesMapping:W});return(0,G.jsx)(L.Provider,{value:p,children:m})}),q={...U,...d},ee=O.forwardRef(function(e,t){let{panelId:n,open:r,handleTrigger:i,state:a,disabled:o}=R(),{className:s,disabled:c=o,id:u,render:d,nativeButton:f=!0,style:p,...m}=e,{getButtonProps:h,buttonRef:g}=l({disabled:c,focusableWhenDisabled:!0,native:f});return w(`button`,e,{state:a,ref:[t,g],props:[{"aria-controls":r?n:void 0,"aria-expanded":r,onClick:i},m,h],stateAttributesMapping:q})}),J={height:void 0,width:void 0};function te(e){let{externalRef:t,hiddenUntilFound:n,id:r,keepMounted:i,mounted:c,onOpenChange:l,open:d,setMounted:p,setOpen:m,transitionStatus:g}=e,_=O.useRef(null),x=O.useRef(null),[S,C]=O.useState(J),w=O.useRef(J),T=O.useRef(!1),D=O.useRef(d),k=O.useRef(!1),[A,j]=O.useState(!1),M=O.useRef(null),N=s(t,_),P=h({mounted:c,open:d}),F=o(_,!1,!1),I=!d&&!c,L=A?`idle`:g,R=d&&(D.current||k.current),B=!d&&c&&x.current===`css-animation`&&S.height===void 0&&S.width===void 0?w.current:S,V=n&&I&&x.current!==`css-animation`,H=y((e,t=!0)=>{t&&(w.current=e),C(e)}),U=y(()=>{M.current?.(),M.current=null}),W=y(e=>{U(),M.current=()=>{M.current=null,e()}}),G=y(()=>{d&&c&&x.current===`css-animation`&&(k.current=!0)});v(()=>{!A||g===`starting`||j(!1)},[A,g]),O.useEffect(()=>()=>{G(),U()},[G,U]),v(()=>{let e=_.current;if(!e)return;!d&&M.current&&U();let t=ne(e,R);if(x.current=t,d&&g===`idle`&&D.current&&t===`css-animation`){w.current=Y(e);return}if(d&&g===`starting`){let n=T.current;if(T.current=!1,t===`none`){H(Y(e)),j(!0);return}if(t===`css-transition`){let t=re(e);if(H(Y(e)),!n)return t;let r=Z(e,`transition-duration`,`0s`);return W(r),j(!0),t}if(t===`css-animation`){if(H(Y(e)),!n){Z(e,`animation-name`,`none`)();return}let t=Z(e,`animation-name`,`none`),r=Z(e,`animation-duration`,`0s`);t(),W(r),j(!0);return}}if(!d&&c&&(g===`idle`||g===`starting`)){if(t===`none`){H(J,!1),p(!1);return}t===`css-animation`&&(D.current=!1,k.current=!1),H(Y(e));return}if(g!==`ending`)return;if(t===`none`){p(!1);return}let n=Y(e);if(!((n.height??0)>0||(n.width??0)>0)){p(!1);return}H(n),t===`css-animation`&&Z(e,`animation-name`,`none`)()},[c,d,U,H,p,W,R,g]),f({enabled:d&&c&&L===`idle`,open:!0,ref:_,onComplete(){d&&H(J,!1)}}),O.useEffect(()=>{if(d||!c||L!==`ending`||!_.current)return;let e=new AbortController,t=-1;function n(){P.current.open||(p(!1),H(J,!1))}return t=u.request(()=>{e.signal.aborted||F(n,e.signal)}),()=>{u.cancel(t),e.abort()}},[P,c,d,L,F,H,p]),v(()=>{let e=_.current;!e||!n||!I||e.setAttribute(`hidden`,`until-found`)},[I,n]),O.useEffect(function(){let e=_.current;if(!e)return;function t(e){T.current=!0,m(!0),l(!0,E(b,e))}return a(e,`beforematch`,t)},[l,m]);let K=i||n||c||d;return{height:B.height,props:{...V?{[z.startingStyle]:``}:void 0,hidden:I,id:r},ref:N,shouldPreventOpenAnimation:R,shouldRender:K,transitionStatus:L,width:B.width}}function Y(e){return{height:e.scrollHeight,width:e.scrollWidth}}function ne(e,t=!1){let n=p(e).getComputedStyle(e),r=(n.animationName.split(`,`).map(e=>e.trim()).some(e=>e!==``&&e!==`none`)||t)&&X(n.animationDuration),i=X(n.transitionDuration);return r&&i||i?`css-transition`:r?`css-animation`:`none`}function X(e){return e.split(`,`).map(e=>e.trim()).some(e=>e!==``&&Number.parseFloat(e)>0)}function Z(e,t,n){let r=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t);return e.style.setProperty(t,n),()=>{if(r===``){e.style.removeProperty(t);return}e.style.setProperty(t,r,i)}}function re(e){let t={"justify-content":e.style.justifyContent,"align-items":e.style.alignItems,"align-content":e.style.alignContent,"justify-items":e.style.justifyItems};Object.keys(t).forEach(t=>{e.style.setProperty(t,`initial`,`important`)});function n(){Object.entries(t).forEach(([t,n])=>{if(n===``){e.style.removeProperty(t);return}e.style.setProperty(t,n)})}let r=u.request(n);return()=>{u.cancel(r),n()}}var Q=function(e){return e.collapsiblePanelHeight=`--collapsible-panel-height`,e.collapsiblePanelWidth=`--collapsible-panel-width`,e}({}),ie=O.forwardRef(function(e,t){let{className:n,hiddenUntilFound:r,keepMounted:i,render:a,id:o,style:s,...c}=e,{mounted:l,onOpenChange:u,open:d,panelId:f,setMounted:p,setPanelIdState:m,setOpen:h,state:g,transitionStatus:_}=R(),y=r??!1,b=i??!1;v(()=>{if(o)return m(o),()=>{m(void 0)}},[o,m]);let{height:x,props:S,ref:T,shouldPreventOpenAnimation:E,shouldRender:D,transitionStatus:O,width:k}=te({externalRef:t,hiddenUntilFound:y,id:f,keepMounted:b,mounted:l,onOpenChange:u,open:d,setMounted:p,setOpen:h,transitionStatus:_}),A={...g,transitionStatus:O},j=C(s,A),M=w(`div`,{...e,style:void 0},{state:A,ref:T,props:[S,{style:{[Q.collapsiblePanelHeight]:x===void 0?`auto`:`${x}px`,[Q.collapsiblePanelWidth]:k===void 0?`auto`:`${k}px`}},c,j?{style:j}:void 0,E?{style:{animationName:`none`}}:void 0],stateAttributesMapping:W});return D?M:null}),$=r();function ae(e){let t=(0,$.c)(4),n;t[0]===e?n=t[1]:({...n}=e,t[0]=e,t[1]=n);let r;return t[2]===n?r=t[3]:(r=(0,G.jsx)(K,{"data-slot":`collapsible`,...n}),t[2]=n,t[3]=r),r}function oe(e){let t=(0,$.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=g(`cursor-pointer`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(ee,{className:i,"data-slot":`collapsible-trigger`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function se(e){let t=(0,$.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=g(`panel-motion h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-(--panel-duration) data-ending-style:h-0 data-starting-style:h-0 data-open:data-ending-style:[height:var(--collapsible-panel-height)]`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(ie,{className:i,"data-slot":`collapsible-panel`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}export{P as a,j as c,F as i,k as l,se as n,N as o,oe as r,M as s,ae as t,A as u};
|
|
2
|
+
//# sourceMappingURL=collapsible-C5OZcGTw.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{n as t,r as n,t as r}from"./compiler-runtime-CLAvuQ-D.js";import{$l as i,Al as a,Bh as o,Bl as s,Bt as c,Cc as ee,Cd as l,Dc as te,Ec as ne,Hd as re,Il as ie,It as ae,Ll as oe,Lt as se,Mc as ce,Nc as le,Oc as ue,Pt as de,Ql as fe,Qs as u,Rl as d,Rp as pe,Rt as me,Sc as he,Tc as ge,Uh as _e,Ui as ve,Ul as f,Ut as p,Wh as m,X as h,_t as g,al as _,au as v,bc as ye,cl as y,dl as b,dt as x,f as S,it as be,jc as xe,jd as Se,kc as Ce,n as we,o as Te,ot as C,qi as Ee,sl as De,ul as Oe,ut as w,xc as ke,zl as Ae,zt as je}from"./textarea-B7H3jk59.js";var Me=e(n(),1),Ne=t(),T=r();function E(e){return/^[a-zA-Z]:([/\\]|$)/.test(e)}function D(e){return e.startsWith(`\\\\`)}function O(e){return D(e)||E(e)}function k(e){return e===`.`||e===`..`||e.startsWith(`./`)||e.startsWith(`../`)||e.startsWith(`.\\`)||e.startsWith(`..\\`)}function Pe(e){return e===`/`||e===`\\`||/^[a-zA-Z]:[/\\]?$/.test(e)}function Fe(e){if(e.length===0||Pe(e))return e;let t=e.startsWith(`/`)?e.replace(/\/+$/g,``):e.replace(/[\\/]+$/g,``);return t.length===0?e:/^[a-zA-Z]:$/.test(t)?`${t}\\`:t}function A(e){return Fe(e.trim())}function j(e){let t=A(e);return E(t)||D(t)?t.replaceAll(`/`,`\\`).toLowerCase():t}function Ie(e){return JSON.stringify([e.environmentId,e.cwd,e.relativePath])}function Le(e){let t=De(),n=De(),r=d(e=>s(null).pipe(f(`environment-data:projects:optimistic-file:${e}`))),i={mode:`serial`,key:({environmentId:e,input:t})=>JSON.stringify([e,t.projectId])};return{searchContents:b(e,{label:`environment-data:projects:search-contents`,tag:v.projectsSearchContents,staleTimeMs:0}),searchEntries:b(e,{label:`environment-data:projects:search-entries`,tag:v.projectsSearchEntries,staleTimeMs:15e3}),listEntries:b(e,{label:`environment-data:projects:list-entries`,tag:v.projectsListEntries,staleTimeMs:3e4,idleTtlMs:5*6e4}),readFile:b(e,{label:`environment-data:projects:read-file`,tag:v.projectsReadFile,staleTimeMs:3e4,idleTtlMs:5*6e4}),optimisticFile:e=>r(Ie(e)),create:y(e,{label:`environment-data:commands:project:create`,execute:e=>xe(e),scheduler:t,concurrency:i}),update:y(e,{label:`environment-data:commands:project:update`,execute:e=>le(e),scheduler:t,concurrency:i}),delete:y(e,{label:`environment-data:commands:project:delete`,execute:e=>ce(e),scheduler:t,concurrency:i}),writeFile:Oe(e,{label:`environment-data:projects:write-file`,tag:v.projectsWriteFile,scheduler:n,concurrency:{mode:`serial`,key:({environmentId:e,input:t})=>JSON.stringify([e,t.cwd,t.relativePath])}})}}var Re=Object.freeze([]),ze=new Map;function Be(e){let t=d(t=>s(n=>n(e.snapshotAtom(t))?.projects??Re).pipe(f(`environment-projects:${t}`))),n=d(e=>s(n=>{let r=n(t(e));return r.length===0?ze:new Map(r.map(e=>[e.id,e]))}).pipe(f(`environment-project-index:${e}`))),r=d(e=>{let n=[];return s(r=>{let i=r(t(e)).map(t=>({environmentId:e,projectId:t.id}));return ue(n,i)?n:(n=i,i)}).pipe(f(`environment-project-refs:${e}`))}),i=d(e=>{let t=ne(e),r=null,i=null;return s(e=>{let a=e(n(t.environmentId)).get(t.projectId)??null;return a===r?i:(r=a,i=a===null?null:Ce(t.environmentId,a),i)}).pipe(f(`environment-project:${e}`))}),a=[],o=s(t=>{let n=[];for(let i of t(e.catalogValueAtom).entries.keys())n.push(...t(r(i)));return ue(a,n)?a:(a=n,n)}).pipe(f(`environment-project-refs`)),c=[];return{environmentProjectsAtom:t,environmentProjectIndexAtom:n,environmentProjectRefsAtom:r,projectRefsAtom:o,projectsAtom:s(e=>{let t=e(o).flatMap(t=>{let n=e(i(te(t)));return n===null?[]:[n]});return ge(c,t)||(c=t),c}).pipe(f(`environment-project-list`)),projectAtom:e=>i(te(e))}}var M=e=>/^win(dows)?/i.test(e);function N(e){return E(e)||D(e)?`windows`:e.startsWith(`/`)?`unix`:null}function P(e){let t=N(e);return t===`windows`?`\\`:t===`unix`?`/`:e.includes(`\\`)?`\\`:`/`}function F(e){return(N(e)===`unix`?/\/$/:/[\\/]$/).test(e)}function I(e,t){return e.split(t===`/`?/\/+/:/[\\/]+/).filter(Boolean)}function L(e){return N(e)===`unix`?e.lastIndexOf(`/`):Math.max(e.lastIndexOf(`/`),e.lastIndexOf(`\\`))}function R(e){if(E(e)){let t=`${e.slice(0,2)}\\`;return{root:t,separator:`\\`,segments:I(e.slice(t.length),`\\`)}}if(D(e)){let[t,n,...r]=I(e,`\\`);return!t||!n?null:{root:`\\\\${t}\\${n}\\`,separator:`\\`,segments:r}}return e.startsWith(`/`)?{root:`/`,separator:`/`,segments:I(e.slice(1),`/`)}:null}function Ve(e,t=``){let n=M(t);return e.startsWith(`./`)||e.startsWith(`../`)||e.startsWith(`.\\`)||e.startsWith(`..\\`)||e.startsWith(`/`)||e.startsWith(`~/`)||n&&O(e)}function He(e,t){return O(e)&&!M(t)}function Ue(e,t){let n=e.trim();if(!k(n)||!t)return A(n);let r=R(A(t));if(!r)return A(n);let i=[...r.segments];for(let e of n.split(/[\\/]+/))if(!(e.length===0||e===`.`)){if(e===`..`){i.pop();continue}i.push(e)}let a=i.join(r.separator);return A(a.length===0?r.root:`${r.root}${a}`)}function We(e,t){let n=j(t);if(n.length!==0)return e.find(e=>{let t=e.workspaceRoot??e.cwd;return t?j(t)===n:!1})}function Ge(e){let t=A(e),n=R(t);return n?n.segments.findLast(Boolean)??t:t.split(/[/\\]/).findLast(Boolean)??t}function Ke(e,t){let n=P(e);return`${Je(e)}${t}${n}`}function qe(e){let t=L(e);return e.slice(t+1)}function Je(e){if(F(e))return e;let t=L(e);return t<0?e:e.slice(0,t+1)}function Ye(e){let t=e.trim();return t.length===0||F(t)?t:`${t}${P(t)}`}function Xe(e){let t=A(e),n=R(t);if(n){if(n.segments.length===0)return null;if(n.segments.length===1)return n.root;let e=n.segments.slice(0,-1).join(n.separator);return`${n.root}${e}${n.separator}`}let r=P(e),i=L(t);return i<0?null:i===2&&/^[a-zA-Z]:/.test(t)?`${t.slice(0,2)}${r}`:t.slice(0,i+1)}function Ze(e){return F(e)&&Xe(e)!==null}var Qe=u(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),$e=u(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]);function et(e){let t=(0,T.c)(10),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,orientation:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`horizontal`:i,o;t[4]===n?o=t[5]:(o=ve(`shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch`,n),t[4]=n,t[5]=o);let s;return t[6]!==a||t[7]!==r||t[8]!==o?(s=(0,Ne.jsx)(Ee,{className:o,"data-slot":`separator`,orientation:a,...r}),t[6]=a,t[7]=r,t[8]=o,t[9]=s):s=t[9],s}var tt=`[CLIENT_SETTINGS]`,z=new Set,B=new Set,V=l,H=!1,U=null,W=0;function nt(){for(let e of z)e()}function rt(){for(let e of B)e()}function G(){return V}function K(e){V=e,nt()}function it(e){H!==e&&(H=e,rt())}function at(e){return z.add(e),q(),()=>{z.delete(e)}}function ot(){return H}function st(e){return B.add(e),q(),()=>{B.delete(e)}}async function q(){if(H)return;if(U)return U;let e=W,t=(async()=>{try{let t=await S().persistence.getClientSettings();if(e!==W)return;t&&K({...l,...t})}catch(e){console.error(`${tt} hydrate failed`,{operation:`hydrate`,...a(e)})}finally{e===W&&it(!0)}})().finally(()=>{U===t&&(U=null)});return U=t,U}function ct(e){K(e),S().persistence.setClientSettings(e).catch(e=>{console.error(`${tt} persist failed`,{operation:`persist`,...a(e)})})}var lt=new Set(pe(re.fields));function ut(e){let t={},n={};for(let[r,i]of Object.entries(e))lt.has(r)?t[r]=i:n[r]=i;return{serverPatch:t,clientPatch:n}}function dt(){return G()}function ft(){return(0,Me.useSyncExternalStore)(st,ot,pt)}function pt(){return!1}function J(){return(0,Me.useSyncExternalStore)(at,G,mt)}function mt(){return l}function ht(e,t){return{...e,...t}}function gt(e,t){let n=(0,T.c)(6),r=J(),i;n[0]!==r||n[1]!==e?(i=ht(e,r),n[0]=r,n[1]=e,n[2]=i):i=n[2];let a=i,o;return n[3]!==a||n[4]!==t?(o=t?t(a):a,n[3]=a,n[4]=t,n[5]=o):o=n[5],o}function _t(e){let t=(0,T.c)(3),n=J(),r;return t[0]!==e||t[1]!==n?(r=e?e(n):n,t[0]=e,t[1]=n,t[2]=r):r=t[2],r}function vt(e){return e.settingsHydrated?e.mode:`none`}function yt(){let e=(0,T.c)(3),t=ft(),n=J().environmentIdentificationMode,r;return e[0]!==n||e[1]!==t?(r=vt({mode:n,settingsHydrated:t}),e[0]=n,e[1]=t,e[2]=r):r=e[2],r}function bt(e,t){let n=(0,T.c)(2),r;return n[0]===e?r=n[1]:(r=C.settingsValueAtom(e),n[0]=e,n[1]=r),gt(_(r)??Se,t)}function xt(e){return gt(_(be),e)}function St(e){let t=(0,T.c)(3),n=we(C.updateSettings,`server settings update`),r;return t[0]!==e||t[1]!==n?(r=t=>{let{serverPatch:r,clientPatch:i}=ut(t),a=Promise.resolve();return Object.keys(r).length>0&&e&&(a=n({environmentId:e,input:{patch:r}})),Object.keys(i).length>0&&ct({...G(),...i}),a},t[0]=e,t[1]=n,t[2]=r):r=t[2],r}function Ct(e){return St(e)}function wt(){return St(Te()?.environmentId??null)}function Tt(){return Et}function Et(e){ct({...G(),...e})}var Dt=ee(x),Y=ye(x),X=he(Y.stateAtom);ke({catalogValueAtom:w.catalogValueAtom,shellStateValueAtom:Y.stateValueAtom});var Ot=s(e=>{let t=i(e(w.catalogAtom));if(_e(t))return!1;for(let n of t.value.entries.keys()){if(m(e(Y.stateValueAtom(n)).snapshot))continue;let t=o(i(e(w.stateAtom(n))),()=>ie);if(oe(t)!==`disconnected`||t.phase===`backoff`&&t.desired&&t.attempt<=2)return!1}return!0}).pipe(f(`web-all-environment-shells-bootstrapped`)),kt=new Set,At=s(e=>{let t=new Set;for(let n of e(w.catalogValueAtom).entries.keys())m(e(Y.stateValueAtom(n)).snapshot)&&t.add(n);let n=kt;return t.size===n.size&&[...t].every(e=>n.has(e))?n:(kt=t,t)}).pipe(f(`web-loaded-environment-shell-ids`)),jt=Le(x),Z=Be({catalogValueAtom:w.catalogValueAtom,snapshotAtom:X}),Mt=c(x),Nt=de(x),Q=me(Nt.stateAtom),$=se({catalogValueAtom:w.catalogValueAtom,snapshotAtom:X}),Pt=ae({catalogValueAtom:w.catalogValueAtom,snapshotAtom:X}),Ft=s(fe(p)).pipe(f(`web-environment-thread:empty`));function It(e,t){let n=(0,T.c)(5),r;n[0]!==e||n[1]!==t?(r=e!==null&&t!==null?Nt.stateAtom(e,t):Ft,n[0]=e,n[1]=t,n[2]=r):r=n[2];let a=_(r),s;return n[3]===a?s=n[4]:(s=o(i(a),Lt),n[3]=a,n[4]=s),s}function Lt(){return p}var Rt=Object.freeze([]),zt=Object.freeze([]),Bt=Object.freeze([]),Vt=Object.freeze([]),Ht=Object.freeze([]),Ut=s(null).pipe(f(`web-project:empty`));s(Rt).pipe(f(`web-project-refs:empty`));var Wt=s(zt).pipe(f(`web-thread-refs:empty`)),Gt=s(null).pipe(f(`web-thread-shell:empty`)),Kt=s(null).pipe(f(`web-thread-detail:empty`)),qt=s(`empty`).pipe(f(`web-thread-status:empty`));s(Bt).pipe(f(`web-thread-messages:empty`));var Jt=s(Vt).pipe(f(`web-thread-activities:empty`)),Yt=s(Ht).pipe(f(`web-thread-proposed-plans:empty`));s(null).pipe(f(`web-thread-session:empty`));var Xt=s(null).pipe(Ae,f(`web-active-environment-id`));function Zt(){return _(Xt)}function Qt(e){g.set(Xt,e)}function $t(){return _($.threadRefsAtom)}function en(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?Wt:$.environmentThreadRefsAtom(e),t[0]=e,t[1]=n),_(n)}function tn(){return _(Z.projectsAtom)}function nn(){return _(h)}function rn(){return _($.threadShellsAtom)}function an(){return _(Pt.threadPairsAtom)}function on(e){return g.get(Pt.environmentThreadPairsAtom(e))}function sn(){return _(Ot)}function cn(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=$.threadShellsForProjectRefsAtom(e),t[0]=e,t[1]=n),_(n)}function ln(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?Ut:Z.projectAtom(e),t[0]=e,t[1]=n),_(n)}function un(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?Gt:$.threadShellAtom(e),t[0]=e,t[1]=n),_(n)}function dn(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?Kt:Q.detailAtom(e),t[0]=e,t[1]=n),_(n)}function fn(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?qt:Q.statusAtom(e),t[0]=e,t[1]=n),_(n)}function pn(e,t){return e!==null&&(!t.waitForShell||t.shellExists)?e:null}function mn(e,t){let n=(0,T.c)(7),r=un(e),i=r!==null,a=t?.waitForShell===!0,o;n[0]!==e||n[1]!==i||n[2]!==a?(o=pn(e,{shellExists:i,waitForShell:a}),n[0]=e,n[1]=i,n[2]=a,n[3]=o):o=n[3];let s=dn(o),c;return n[4]!==s||n[5]!==r?(c=je(s,r),n[4]=s,n[5]=r,n[6]=c):c=n[6],c}function hn(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?Jt:Q.activitiesAtom(e),t[0]=e,t[1]=n),_(n)}function gn(e){let t=(0,T.c)(2),n;return t[0]===e?n=t[1]:(n=e===null?Yt:Q.proposedPlansAtom(e),t[0]=e,t[1]=n),_(n)}function _n(e){return g.get(Z.projectAtom(e))}function vn(e){return g.get($.threadShellAtom(e))}function yn(e){return g.get(h).get(e)?.environment.capabilities.threadArchiveCleanup===!0}function bn(e){return g.get(h).get(e)?.environment.capabilities.threadArchiveForceWorktree===!0}function xn(e){return g.get(h).get(e)?.environment.capabilities.threadSnooze===!0}function Sn(e){return g.get(h).get(e)}function Cn(e){return g.get(h).get(e)?.environment.capabilities.threadPinning===!0}function wn(e){return g.get($.environmentThreadRefsAtom(e))}export{Xe as $,It as A,xt as B,un as C,Q as D,fn as E,dt as F,$e as G,Ct as H,_t as I,Ze as J,Qe as K,ft as L,Y as M,At as N,$ as O,Dt as P,qe as Q,yt as R,$t as S,cn as T,wt as U,Tt as V,et as W,We as X,Ye as Y,Je as Z,mn as _,xn as a,k as at,an as b,_n as c,Zt as d,F as et,sn as f,nn as g,tn as h,Cn as i,Ue as it,jt as j,Mt as k,vn as l,ln as m,yn as n,Ve as nt,on as o,j as ot,en as p,Ke as q,bn as r,He as rt,wn as s,Sn as t,Ge as tt,Qt as u,hn as v,rn as w,gn as x,dn as y,bt as z};
|
|
2
|
+
//# sourceMappingURL=entities-DT_qhLch.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{n as t,r as n,t as r}from"./compiler-runtime-CLAvuQ-D.js";import{Ei as i,t as a}from"./textarea-B7H3jk59.js";import{G as o,K as s}from"./entities-DT_qhLch.js";var c=r(),l=e(n(),1),u=t();function d(e){let t=(0,c.c)(44),{kind:n,rangeLabel:r,text:d,onCancel:m,onComment:h,onDelete:g}=e,[_,v]=(0,l.useState)(``);if(n===`comment`){let e,n;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,u.jsx)(s,{className:`size-4 text-muted-foreground`}),n=(0,u.jsx)(`span`,{className:`text-xs font-medium`,children:`Local comment`}),t[0]=e,t[1]=n):(e=t[0],n=t[1]);let a;t[2]===r?a=t[3]:(a=(0,u.jsx)(`span`,{className:`ml-auto text-[11px] text-muted-foreground`,children:r}),t[2]=r,t[3]=a);let c;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(c=(0,u.jsx)(o,{className:`size-3.5`}),t[4]=c):c=t[4];let l;t[5]===g?l=t[6]:(l=(0,u.jsx)(i,{variant:`ghost`,size:`icon-xs`,"aria-label":`Delete comment`,onClick:g,children:c}),t[5]=g,t[6]=l);let f;t[7]!==a||t[8]!==l?(f=(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e,n,a,l]}),t[7]=a,t[8]=l,t[9]=f):f=t[9];let m;t[10]===d?m=t[11]:(m=(0,u.jsx)(`p`,{className:`mt-2 whitespace-pre-wrap text-sm leading-relaxed text-foreground`,children:d}),t[10]=d,t[11]=m);let h;return t[12]!==f||t[13]!==m?(h=(0,u.jsxs)(`div`,{"data-file-comment-annotation":!0,className:`mx-3 my-2 rounded-xl border border-border/70 bg-background p-3 shadow-sm`,contentEditable:!1,onPointerDown:p,children:[f,m]}),t[12]=f,t[13]=m,t[14]=h):h=t[14],h}let y;t[15]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(s,{className:`size-4 text-muted-foreground`}),(0,u.jsx)(`span`,{className:`text-sm font-medium`,children:`Local comment`})]}),t[15]=y):y=t[15];let b;t[16]===r?b=t[17]:(b=(0,u.jsxs)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:[`Comment on lines `,r]}),t[16]=r,t[17]=b);let x=`Comment on lines ${r}`,S;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(S=e=>v(e.target.value),t[18]=S):S=t[18];let C;t[19]!==m||t[20]!==h||t[21]!==_?(C=e=>{e.key===`Escape`&&(e.preventDefault(),m()),(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&_.trim()&&(e.preventDefault(),h(_.trim()))},t[19]=m,t[20]=h,t[21]=_,t[22]=C):C=t[22];let w;t[23]!==x||t[24]!==C||t[25]!==_?(w=(0,u.jsx)(a,{autoFocus:!0,className:`mt-3`,size:`sm`,value:_,placeholder:`Request change`,"aria-label":x,onChange:S,onKeyDown:C}),t[23]=x,t[24]=C,t[25]=_,t[26]=w):w=t[26];let T;t[27]===m?T=t[28]:(T=(0,u.jsx)(i,{variant:`ghost`,size:`sm`,onClick:m,children:`Cancel`}),t[27]=m,t[28]=T);let E;t[29]===_?E=t[30]:(E=_.trim(),t[29]=_,t[30]=E);let D=!E,O;t[31]!==h||t[32]!==_?(O=()=>h(_.trim()),t[31]=h,t[32]=_,t[33]=O):O=t[33];let k;t[34]!==O||t[35]!==D?(k=(0,u.jsx)(i,{size:`sm`,disabled:D,onClick:O,children:`Comment`}),t[34]=O,t[35]=D,t[36]=k):k=t[36];let A;t[37]!==k||t[38]!==T?(A=(0,u.jsxs)(`div`,{className:`mt-3 flex justify-end gap-2`,children:[T,k]}),t[37]=k,t[38]=T,t[39]=A):A=t[39];let j;return t[40]!==A||t[41]!==b||t[42]!==w?(j=(0,u.jsxs)(`div`,{"data-file-comment-annotation":!0,className:`mx-3 my-2 rounded-xl border border-border/70 bg-background p-3 shadow-lg`,contentEditable:!1,onPointerDown:f,children:[y,b,w,A]}),t[40]=A,t[41]=b,t[42]=w,t[43]=j):j=t[43],j}function f(e){return e.stopPropagation()}function p(e){return e.stopPropagation()}var m=0;function h(){return m+=1,`file-comment-${Date.now()}-${m}`}function g(e){return{startLine:Math.min(e.start,e.end),endLine:Math.max(e.start,e.end)}}function _(e,t){return e===t?`L${e}`:`L${e} to L${t}`}function v(e){return e.map(e=>({...e,metadata:{entries:e.metadata.entries.map(t=>{let n=t.endLine-t.startLine;return{...t,endLine:e.lineNumber,startLine:Math.max(1,e.lineNumber-n)}})}}))}export{d as a,v as i,h as n,g as r,_ as t};
|
|
2
|
+
//# sourceMappingURL=fileCommentAnnotations-CwEFBcQo.js.map
|