@inspecto-dev/core 0.3.8 → 0.3.10

package/dist/{component-BLZBHHON.js → component-SDAMNKDH.js}

@@ -170,38 +170,39 @@ var shortcutIconClass = "ai-shortcut-icon";
 var annotateStyles = `
   .${annotateSidebarClass} {
     position: fixed;
-    top: 16px;
-    right: 16px;
+    top: 18px;
+    right: 18px;
     z-index: 2147483647;
-    width: min(380px, calc(100vw - 32px));
-    min-height: 220px;
-    max-height: calc(100vh - 32px);
+    width: min(408px, calc(100vw - 28px));
+    min-height: 240px;
+    max-height: calc(100vh - 36px);
     display: flex;
     flex-direction: column;
-    gap: 14px;
+    gap: 16px;
     box-sizing: border-box;
-    padding: 15px 15px 16px;
+    padding: 18px 18px 18px;
     overflow: visible;
     color: var(--inspecto-text-primary);
     background:
-      radial-gradient(circle at top right, rgba(93, 82, 243, 0.12), transparent 34%),
-      linear-gradient(180deg, rgba(32, 32, 36, 0.96) 0%, rgba(21, 21, 24, 0.96) 100%);
-    border: 1px solid rgba(255, 255, 255, 0.07);
-    border-radius: 22px;
-    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.24);
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      radial-gradient(circle at top right, rgba(14, 165, 233, 0.18), transparent 36%),
+      radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 28%),
+      linear-gradient(180deg, rgba(13, 20, 31, 0.985) 0%, rgba(8, 14, 24, 0.985) 100%);
+    border: 1px solid rgba(148, 163, 184, 0.16);
+    border-radius: 28px;
+    box-shadow: var(--inspecto-shadow-floating);
+    font-family: 'SF Pro Display', 'Segoe UI', 'Inter', sans-serif;
     pointer-events: auto;
-    backdrop-filter: blur(14px);
-    -webkit-backdrop-filter: blur(14px);
+    backdrop-filter: blur(18px) saturate(140%);
+    -webkit-backdrop-filter: blur(18px) saturate(140%);
   }
 
   .${annotateSidebarHeaderClass} {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
-    gap: 12px;
-    padding-bottom: 10px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+    gap: 14px;
+    padding-bottom: 14px;
+    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
   }
 
   .${annotateSidebarLabelClass} {
@@ -213,25 +214,25 @@ var annotateStyles = `
   }
 
   .${annotateSidebarLabelClass} [data-inspecto-annotate-title="true"] {
-    font-size: 15px;
-    line-height: 1.2;
-    font-weight: 700;
+    font-size: 16px;
+    line-height: 1.15;
+    font-weight: 760;
     color: var(--inspecto-text-primary);
-    letter-spacing: 0;
+    letter-spacing: -0.02em;
   }
 
   .${annotateSidebarLabelClass} [data-inspecto-annotate-header-status="true"] {
     display: inline-flex;
     align-items: center;
     align-self: flex-start;
-    min-height: 24px;
-    padding: 0 9px;
+    min-height: 26px;
+    padding: 0 10px;
     border-radius: var(--inspecto-radius-pill);
-    background: rgba(255, 255, 255, 0.04);
-    border: 1px solid rgba(255, 255, 255, 0.06);
+    background: rgba(148, 163, 184, 0.1);
+    border: 1px solid rgba(148, 163, 184, 0.14);
     font-size: 11px;
     line-height: 1.2;
-    font-weight: 600;
+    font-weight: 650;
     color: var(--inspecto-text-secondary);
   }
 
@@ -247,18 +248,26 @@ var annotateStyles = `
   .${annotateSidebarSectionClass} {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 10px;
     min-height: 0;
-    padding: 12px;
-    border: 1px solid rgba(255, 255, 255, 0.05);
-    border-radius: 18px;
-    background: rgba(255, 255, 255, 0.022);
+    padding: 14px;
+    border: 1px solid rgba(148, 163, 184, 0.12);
+    border-radius: 20px;
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(148, 163, 184, 0.04) 100%);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
   }
 
-  .${annotateSidebarSectionClass}[data-variant="modes"] { gap: 8px; padding: 8px 10px; }
+  .${annotateSidebarSectionClass}[data-variant="modes"] { gap: 8px; padding: 10px 12px; }
   .${annotateSidebarSectionClass}[data-variant="draft"] { gap: 0; padding: 0; border: none; background: transparent; }
-  .${annotateSidebarSectionClass}[data-variant="chip-preview"] { gap: 8px; padding: 10px; background: rgba(255, 255, 255, 0.03); }
-  .${annotateSidebarSectionClass}[data-variant="records"] { padding: 0; overflow: hidden; background: rgba(255, 255, 255, 0.028); border-color: rgba(255, 255, 255, 0.08); }
+  .${annotateSidebarSectionClass}[data-variant="chip-preview"] { gap: 8px; padding: 12px; background: rgba(255, 255, 255, 0.045); }
+  .${annotateSidebarSectionClass}[data-variant="records"] { padding: 0; overflow: hidden; background: rgba(255, 255, 255, 0.038); border-color: rgba(148, 163, 184, 0.16); }
+  .${annotateSidebarSectionClass}[data-variant="latest-session"] {
+    padding: 14px;
+    background:
+      radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 34%),
+      linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(148, 163, 184, 0.05) 100%);
+    border-color: rgba(14, 165, 233, 0.18);
+  }
   .${annotateSidebarSectionClass}[data-variant="full-prompt"] { padding: 0; gap: 0; background: transparent; border: none; border-radius: 0; opacity: 0.72; }
 
   .${annotateSidebarSectionClass} h3 {
@@ -272,25 +281,25 @@ var annotateStyles = `
   .${annotateSidebarSectionClass}[data-variant="empty-state"] {
     flex: 1 1 auto;
     justify-content: center;
-    gap: 10px;
-    padding: 10px 2px 0;
+    gap: 12px;
+    padding: 20px 6px 8px;
     background: transparent;
     border-color: transparent;
   }
 
   .${annotateSidebarSectionClass}[data-variant="empty-state"] [data-inspecto-annotate-empty-title="true"] {
-    font-size: 17px;
-    line-height: 1.25;
-    font-weight: 700;
+    font-size: 18px;
+    line-height: 1.18;
+    font-weight: 760;
     color: var(--inspecto-text-primary);
-    max-width: 22ch;
+    max-width: 20ch;
+    letter-spacing: -0.03em;
   }
 
   .${annotateSidebarSectionClass}[data-variant="empty-state"] [data-inspecto-annotate-empty-body="true"] {
-    max-width: 29ch;
-    color: rgba(255, 255, 255, 0.56);
+    color: var(--inspecto-text-secondary);
     font-size: 12px;
-    line-height: 1.55;
+    line-height: 1.62;
   }
 
   .${annotateSidebarInputClass},
@@ -307,10 +316,10 @@ var annotateStyles = `
   }
 
   .${annotateSidebarInputClass} {
-    min-height: 104px;
-    padding: 12px 13px;
+    min-height: 112px;
+    padding: 14px 15px;
     resize: vertical;
-    line-height: 1.5;
+    line-height: 1.55;
   }
 
   .${annotateSidebarHintClass} {
@@ -323,11 +332,11 @@ var annotateStyles = `
 
   .${annotateSidebarChipClass} {
     appearance: none;
-    border: 1px solid rgba(93, 82, 243, 0.24);
-    background: rgba(93, 82, 243, 0.12);
-    color: #d7d3ff;
+    border: 1px solid rgba(14, 165, 233, 0.24);
+    background: rgba(14, 165, 233, 0.14);
+    color: #d7f4ff;
     border-radius: var(--inspecto-radius-pill);
-    padding: 5px 8px 5px 10px;
+    padding: 6px 9px 6px 11px;
     font: inherit;
     font-size: 11px;
     font-weight: 600;
@@ -346,8 +355,8 @@ var annotateStyles = `
   .${annotateSidebarChipClass}:hover,
   .${annotateSidebarChipClass}:focus-visible {
     outline: none;
-    background: rgba(93, 82, 243, 0.2);
-    border-color: rgba(93, 82, 243, 0.42);
+    background: rgba(14, 165, 233, 0.22);
+    border-color: rgba(14, 165, 233, 0.42);
     color: #ffffff;
     transform: translateY(-1px);
   }
@@ -391,33 +400,50 @@ var annotateStyles = `
   .${annotateTargetListClass}, .${annotateQueueListClass} {
     display: flex;
     flex-direction: column;
-    gap: 0;
-    max-height: 180px;
+    gap: 2px;
+    max-height: 220px;
     overflow: auto;
-    padding: 0 10px 10px;
+    padding: 6px 10px 12px;
   }
 
   .${annotateSidebarTargetItemClass}, .${annotateSidebarQueueItemClass} {
     display: flex;
     flex-direction: column;
-    gap: 4px;
-    padding: 10px 10px;
-    margin: 4px 6px;
-    border: none;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-    border-radius: 14px;
-    background: transparent;
+    gap: 5px;
+    padding: 12px 12px;
+    margin: 0;
+    border: 1px solid transparent;
+    border-radius: 16px;
+    background: rgba(255, 255, 255, 0.022);
     cursor: pointer;
     box-sizing: border-box;
-    transition: background 0.15s ease, color 0.15s ease, margin 0.15s ease, padding 0.15s ease, border-color 0.15s ease;
+    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
   }
 
-  .${annotateSidebarQueueItemClass}:hover { background: rgba(255, 255, 255, 0.04); }
-  .${annotateSidebarQueueItemClass}:focus-visible { outline: none; background: rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 0 1px var(--inspecto-border-focus); }
-  .${annotateSidebarQueueItemClass}[data-selected="true"] { background: rgba(93, 82, 243, 0.1); box-shadow: inset 3px 0 0 rgba(93, 82, 243, 0.85); border-bottom-color: transparent; }
-  .${annotateSidebarQueueItemClass} > :not(.${annotateSidebarActionsClass}):first-child { font-size: 12px; line-height: 1.4; color: var(--inspecto-text-primary); word-break: break-word; }
-  .${annotateSidebarQueueItemClass} > .${annotateSidebarQueueMetaClass} { order: 2; font-size: 10px; line-height: 1.35; color: var(--inspecto-text-tertiary); }
-  .${annotateQueueListClass} > .${annotateSidebarQueueItemClass}:last-child { border-bottom: none; padding-bottom: 2px; }
+  .${annotateSidebarQueueItemClass}:hover {
+    background: rgba(255, 255, 255, 0.05);
+    border-color: rgba(148, 163, 184, 0.16);
+    transform: translateY(-1px);
+  }
+  .${annotateSidebarQueueItemClass}:focus-visible {
+    outline: none;
+    background: rgba(255, 255, 255, 0.05);
+    border-color: var(--inspecto-border-focus);
+    box-shadow: 0 0 0 1px var(--inspecto-border-focus);
+  }
+  .${annotateSidebarQueueItemClass}[data-selected="true"] {
+    background: linear-gradient(180deg, rgba(14, 165, 233, 0.12) 0%, rgba(14, 165, 233, 0.07) 100%);
+    border-color: rgba(14, 165, 233, 0.28);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px rgba(8, 14, 24, 0.16);
+  }
+  .${annotateSidebarQueueItemClass} > :not(.${annotateSidebarActionsClass}):first-child {
+    font-size: 12px;
+    line-height: 1.45;
+    color: var(--inspecto-text-primary);
+    word-break: break-word;
+    font-weight: 620;
+  }
+  .${annotateSidebarQueueItemClass} > .${annotateSidebarQueueMetaClass} { order: 2; font-size: 10px; line-height: 1.4; color: var(--inspecto-text-tertiary); }
 
   .${annotateSidebarTargetItemClass} {
     display: grid;
@@ -425,14 +451,12 @@ var annotateStyles = `
     grid-template-areas: "label action";
     column-gap: 10px;
     align-items: center;
-    padding: 6px 0;
-    border: none;
-    border-radius: 0;
-    border-bottom: 1px solid rgba(127, 127, 127, 0.16);
-    background: transparent;
+    padding: 10px 12px;
+    border-color: rgba(148, 163, 184, 0.12);
+    background: rgba(255, 255, 255, 0.02);
   }
 
-  .${annotateTargetListClass} > .${annotateSidebarTargetItemClass}:last-child { border-bottom: none; padding-bottom: 0; }
+  .${annotateTargetListClass} > .${annotateSidebarTargetItemClass}:last-child { margin-bottom: 0; }
 
   .${annotateBadgeClass} {
     grid-area: label;
@@ -457,22 +481,22 @@ var annotateStyles = `
     line-height: 1.5;
   }
 
-  .${annotateSidebarFooterClass} { display: flex; flex-direction: column; gap: 8px; padding-top: 2px; }
-  .${annotateSidebarFooterClass} .${annotateSidebarActionsClass} { justify-content: flex-end; align-items: stretch; }
-  .${annotateSidebarActionsClass} { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+  .${annotateSidebarFooterClass} { display: flex; flex-direction: column; gap: 10px; padding-top: 4px; }
+  .${annotateSidebarFooterClass} .${annotateSidebarActionsClass} { justify-content: flex-end; align-items: stretch; gap: 10px; }
+  .${annotateSidebarActionsClass} { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; justify-content: flex-end; }
 
   .${annotateSidebarButtonClass} {
     appearance: none;
     border: 1px solid var(--inspecto-border-subtle);
-    background: rgba(255, 255, 255, 0.04);
+    background: rgba(255, 255, 255, 0.05);
     color: var(--inspecto-text-primary);
     border-radius: var(--inspecto-radius-pill);
-    padding: 7px 10px;
+    padding: 8px 12px;
     font: inherit;
     font-size: 11px;
-    font-weight: 500;
+    font-weight: 600;
     cursor: pointer;
-    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
+    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
   }
 
   .${annotateSidebarButtonClass}[data-role="mode"][data-selected="true"] { background: rgba(255, 255, 255, 0.1); color: #ffffff; border-color: transparent; }
@@ -481,11 +505,55 @@ var annotateStyles = `
   .${annotateSidebarHeaderClass} .${annotateSidebarButtonClass} { width: 30px; height: 30px; padding: 0; border-radius: var(--inspecto-radius-pill); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; flex: 0 0 auto; }
   .${annotateSidebarHeaderClass} .${runtimeToggleClass} { overflow: visible; }
   .${annotateSidebarHeaderClass} [data-inspecto-annotate-header-actions="true"] { padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, 0.025); border: 1px solid rgba(255, 255, 255, 0.05); gap: 4px; flex-wrap: nowrap; flex: 0 0 auto; margin-top: 1px; }
-  .${annotateSidebarButtonClass}:hover { background: var(--inspecto-surface-hover); color: #ffffff; border-color: transparent; transform: translateY(-1px); }
+  .${annotateSidebarButtonClass}:hover { background: var(--inspecto-surface-hover); color: #ffffff; border-color: rgba(148, 163, 184, 0.12); transform: translateY(-1px); }
   .${annotateSidebarButtonClass}:disabled { opacity: 0.5; cursor: not-allowed; }
-  .${annotateSidebarClass} .${annotateSidebarButtonClass}.primary { background: linear-gradient(180deg, var(--inspecto-accent-primary) 0%, var(--inspecto-accent-primary-strong) 100%); color: #ffffff; border-color: transparent; box-shadow: var(--inspecto-shadow-accent); }
-  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass} { min-height: 36px; padding: 0 12px; font-size: 11px; font-weight: 600; border-radius: var(--inspecto-radius-pill); }
-  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-role="raw-preview"] { min-width: 48px; justify-content: center; color: var(--inspecto-text-secondary); background: rgba(255, 255, 255, 0.045); }
+  .${annotateSidebarClass} .${annotateSidebarButtonClass}.primary {
+    background: linear-gradient(180deg, var(--inspecto-accent-primary) 0%, var(--inspecto-accent-primary-strong) 100%);
+    color: #ffffff;
+    border-color: rgba(14, 165, 233, 0.22);
+    box-shadow: var(--inspecto-shadow-accent);
+  }
+  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass} {
+    min-height: 40px;
+    padding: 0 14px;
+    font-size: 11px;
+    font-weight: 650;
+    border-radius: var(--inspecto-radius-pill);
+    justify-content: center;
+    display: inline-flex;
+    align-items: center;
+  }
+  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-emphasis="secondary"] {
+    background: rgba(255, 255, 255, 0.04);
+    color: var(--inspecto-text-secondary);
+    border-color: rgba(148, 163, 184, 0.12);
+    box-shadow: none;
+    opacity: 0.92;
+    white-space: nowrap;
+  }
+  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-role="quick-ask"][data-emphasis="secondary"] {
+    background: rgba(255, 255, 255, 0.04);
+    color: var(--inspecto-text-secondary);
+    border-color: rgba(148, 163, 184, 0.12);
+    text-decoration: none;
+    min-height: 40px;
+    padding: 0 14px;
+    box-shadow: none;
+    white-space: nowrap;
+  }
+  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-emphasis="secondary"]:hover {
+    background: rgba(255, 255, 255, 0.08);
+    color: #ffffff;
+    border-color: rgba(255, 255, 255, 0.12);
+    transform: translateY(-1px);
+  }
+  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-role="quick-ask"][data-emphasis="secondary"]:hover {
+    background: rgba(255, 255, 255, 0.08);
+    border-color: rgba(255, 255, 255, 0.12);
+    color: #ffffff;
+    transform: translateY(-1px);
+  }
+  .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-role="raw-preview"] { min-width: 48px; justify-content: center; color: var(--inspecto-text-secondary); background: rgba(255, 255, 255, 0.045); padding: 0 10px; }
   .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-role="raw-preview"][data-selected="true"] { background: rgba(93, 82, 243, 0.16); border-color: rgba(93, 82, 243, 0.32); color: #e5e2ff; }
   .${annotateSidebarFooterClass} .${annotateSidebarButtonClass}[data-role="send-all"] { min-width: 76px; }
 
@@ -703,10 +771,26 @@ var launcherStyles = `
   }
 
   .${badgeClass}-panel-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 10px;
+    padding: 2px 4px 4px;
+  }
+
+  .${badgeClass}-panel-header-copy {
     display: flex;
     flex-direction: column;
     gap: 3px;
-    padding: 2px 4px 4px;
+    min-width: 0;
+    flex: 1 1 auto;
+  }
+
+  .${badgeClass}-panel-header-actions {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    flex: 0 0 auto;
   }
 
   .${badgeClass}-panel-header [data-inspecto-launcher-panel-title="true"] {
@@ -731,6 +815,7 @@ var launcherStyles = `
   .${badgeClass}-panel-group[data-inspecto-launcher-utility-group="true"] {
     padding-top: 6px;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
+    gap: 6px;
   }
 
   .${badgeClass}-panel-button {
@@ -794,27 +879,47 @@ var launcherStyles = `
 
   .${badgeClass}-panel-button:disabled { cursor: not-allowed; opacity: 0.5; }
 
-  .${badgeClass}-panel-button.secondary {
+  .${badgeClass}-panel-toggle-button {
+    appearance: none;
+    width: 28px;
+    height: 28px;
     padding: 0;
-    background: transparent;
+    border: 1px solid var(--inspecto-border-subtle);
+    border-radius: var(--inspecto-radius-pill);
+    background: var(--inspecto-surface-subtle);
     color: var(--inspecto-text-secondary);
-    border-color: transparent;
-    display: flex;
-    align-items: flex-start;
+    display: inline-flex;
+    align-items: center;
     justify-content: center;
-    gap: 4px;
-    box-shadow: none;
-    min-height: 0;
+    cursor: pointer;
+    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
   }
 
-  .${badgeClass}-panel-button.secondary [data-inspecto-launcher-title="true"] {
-    font-weight: 600;
-    font-size: 11px;
+  .${badgeClass}-panel-toggle-button svg {
+    width: 14px;
+    height: 14px;
+    display: block;
+  }
+
+  .${badgeClass}-panel-toggle-button[aria-pressed="true"] {
+    background: linear-gradient(180deg, var(--inspecto-accent-primary) 0%, var(--inspecto-accent-primary-strong) 100%);
+    color: #ffffff;
+    border-color: transparent;
+    box-shadow: 0 10px 18px rgba(70, 57, 215, 0.24);
   }
 
-  .${badgeClass}-panel-button.secondary [data-inspecto-launcher-description="true"] {
+  .${badgeClass}-panel-toggle-button:hover {
+    transform: translateY(-1px);
+    border-color: rgba(255, 255, 255, 0.12);
+  }
+
+  .${badgeClass}-panel-status-text {
     font-size: 10px;
-    max-width: none;
+    font-weight: 600;
+    line-height: 1.2;
+    color: var(--inspecto-text-secondary);
+    white-space: nowrap;
+    text-align: right;
   }
 
   .${badgeClass}-panel-hint {
@@ -1138,8 +1243,7 @@ var overlayMenuStyles = `
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
   }
 
-  .${menuItemClass}[data-role="runtime-context-toggle"],
-  .${menuItemClass}[data-role="screenshot-context-toggle"] {
+  .${menuItemClass}[data-role="runtime-context-toggle"] {
     flex: 0 0 auto;
     width: 28px;
     height: 28px;
@@ -1258,6 +1362,7 @@ var darkVars = `
   --inspecto-text-tertiary: rgba(255, 255, 255, 0.46);
   --inspecto-accent-primary: #5d52f3;
   --inspecto-accent-primary-strong: #4639d7;
+  --inspecto-success-color: #10b981;
   --inspecto-shadow-floating: 0 20px 48px rgba(0, 0, 0, 0.28);
   --inspecto-shadow-accent: 0 8px 18px rgba(79, 70, 229, 0.28);
   --inspecto-radius-pill: 999px;
@@ -1305,6 +1410,7 @@ var themeStyles = `
     --inspecto-text-tertiary: rgba(255, 255, 255, 0.46);
     --inspecto-accent-primary: #5d52f3;
     --inspecto-accent-primary-strong: #4639d7;
+    --inspecto-success-color: #10b981;
     --inspecto-shadow-floating: 0 20px 48px rgba(0, 0, 0, 0.28);
     --inspecto-shadow-accent: 0 8px 18px rgba(79, 70, 229, 0.28);
     --inspecto-radius-pill: 999px;
@@ -1362,7 +1468,7 @@ function applyHeaderIconButtonStyles(button) {
   button.style.borderColor = "var(--inspecto-border-subtle)";
   button.style.background = "var(--inspecto-surface-subtle)";
   button.style.color = "var(--inspecto-text-secondary)";
-  button.style.font = '600 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+  button.style.font = '600 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
   button.style.borderRadius = "var(--inspecto-radius-pill)";
   button.style.display = "inline-flex";
   button.style.alignItems = "center";
@@ -1378,7 +1484,6 @@ var inspectorStyles = `
 
 // src/icons.ts
 var bugIconSvg = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" stroke=""><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M17.416 2.62412C17.7607 2.39435 17.8538 1.9287 17.624 1.58405C17.3943 1.23941 16.9286 1.14628 16.584 1.37604L13.6687 3.31955C13.1527 3.11343 12.5897 3.00006 12.0001 3.00006C11.4105 3.00006 10.8474 3.11345 10.3314 3.31962L7.41603 1.37604C7.07138 1.14628 6.60573 1.23941 6.37596 1.58405C6.1462 1.9287 6.23933 2.39435 6.58397 2.62412L8.9437 4.19727C8.24831 4.84109 7.75664 5.70181 7.57617 6.6719C8.01128 6.55973 8.46749 6.50006 8.93763 6.50006H15.0626C15.5328 6.50006 15.989 6.55973 16.4241 6.6719C16.2436 5.70176 15.7519 4.841 15.0564 4.19717L17.416 2.62412Z" fill="currentColor"></path> <path d="M1.25 14.0001C1.25 13.5859 1.58579 13.2501 2 13.2501H5V11.9376C5 11.1019 5.26034 10.327 5.70435 9.68959L3.22141 8.69624C2.83684 8.54238 2.6498 8.10589 2.80366 7.72131C2.95752 7.33673 3.39401 7.1497 3.77859 7.30356L6.91514 8.55841C7.50624 8.20388 8.19807 8.00006 8.9375 8.00006H15.0625C15.8019 8.00006 16.4938 8.20388 17.0849 8.55841L20.2214 7.30356C20.606 7.1497 21.0425 7.33673 21.1963 7.72131C21.3502 8.10589 21.1632 8.54238 20.7786 8.69624L18.2957 9.68959C18.7397 10.327 19 11.1019 19 11.9376V13.2501H22C22.4142 13.2501 22.75 13.5859 22.75 14.0001C22.75 14.4143 22.4142 14.7501 22 14.7501H19V15.0001C19 16.1808 18.7077 17.2932 18.1915 18.2689L20.7786 19.3039C21.1632 19.4578 21.3502 19.8943 21.1963 20.2789C21.0425 20.6634 20.606 20.8505 20.2214 20.6966L17.3288 19.5394C16.1974 20.8664 14.5789 21.7655 12.75 21.9604V15.0001C12.75 14.5858 12.4142 14.2501 12 14.2501C11.5858 14.2501 11.25 14.5858 11.25 15.0001V21.9604C9.42109 21.7655 7.80265 20.8664 6.67115 19.5394L3.77859 20.6966C3.39401 20.8505 2.95752 20.6634 2.80366 20.2789C2.6498 19.8943 2.83684 19.4578 3.22141 19.3039L5.80852 18.2689C5.29231 17.2932 5 16.1808 5 15.0001V14.7501H2C1.58579 14.7501 1.25 14.4143 1.25 14.0001Z" fill="currentColor"></path> </g></svg>`;
-var screenshotIconSvg = `<svg viewBox="-0.51 -0.51 51.82 51.82" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="5.08"> <path d="M19.844 7.938H7.938v11.905m0 11.113v11.906h11.905m23.019-11.906v11.906H30.956m11.906-23.018V7.938H30.956"></path> <circle cx="25.4" cy="25.4" r="8.731"></circle> </g> </g></svg>`;
 var inspectFilledIconSvg = `<svg viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>mouse-select-filled</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="add" fill="currentColor" transform="translate(62.226343, 62.126933)"> <polygon id="Fill-6" points="7.10542736e-15 7.10542736e-15 364.440324 103.2064 276.37835 189.916864 369.025732 282.559083 282.478894 369.108395 189.860868 276.466176 103.10699 364.539733"> </polygon> </g> </g> </g></svg>`;
 var cssIconSvg = `<svg height="200px" width="200px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:currentColor;} </style> <g> <path class="st0" d="M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z"></path> <path class="st0" d="M169.574,268.949c5.837,0,9.104,2.171,12.499,6.786c2.709,3.805,5.432,5.167,8.825,5.167 c5.028,0,9.105-3.673,9.105-8.965c0-2.171-0.684-4.078-1.774-5.977c-4.622-8.288-14.802-14.669-28.655-14.669 c-16.171,0-28.124,7.603-33.012,22.685c-1.899,6.11-2.57,10.865-2.57,24.989c0,14.125,0.67,18.881,2.57,24.99 c4.888,15.081,16.841,22.685,33.012,22.685c13.853,0,24.033-6.382,28.655-14.67c1.09-1.899,1.774-3.805,1.774-5.976 c0-5.3-4.078-8.965-9.105-8.965c-3.393,0-6.116,1.361-8.825,5.16c-3.394,4.622-6.662,6.794-12.499,6.794 c-7.471,0-11.814-3.938-13.853-10.187c-1.089-3.393-1.494-6.654-1.494-19.83c0-13.175,0.406-16.436,1.494-19.829 C157.76,272.887,162.103,268.949,169.574,268.949z"></path> <path class="st0" d="M255.149,289.595l-4.888-0.684c-10.725-1.494-14.398-5.02-14.398-10.187c0-5.837,4.343-9.915,12.498-9.915 c5.698,0,11.409,1.634,15.892,3.805c1.899,0.95,3.938,1.494,5.837,1.494c4.888,0,8.7-3.666,8.7-8.693 c0-3.261-1.494-5.977-4.762-8.016c-5.432-3.394-15.612-6.11-25.806-6.11c-19.97,0-32.733,11.269-32.733,28.25 c0,16.304,10.32,25.13,29.2,27.713l4.901,0.677c10.99,1.494,14.258,4.888,14.258,10.32c0,6.389-5.306,10.872-15.082,10.872 c-6.787,0-12.219-1.767-19.83-5.977c-1.634-0.956-3.672-1.634-5.837-1.634c-5.166,0-8.965,3.938-8.965,8.832 c0,3.254,1.634,6.382,4.748,8.42c6.116,3.799,16.031,7.876,29.074,7.876c24.032,0,36.266-12.358,36.266-29.067 C284.223,300.865,274.307,292.311,255.149,289.595z"></path> <path class="st0" d="M338.697,289.595l-4.888-0.684c-10.738-1.494-14.398-5.02-14.398-10.187c0-5.837,4.344-9.915,12.484-9.915 c5.712,0,11.423,1.634,15.892,3.805c1.913,0.95,3.952,1.494,5.851,1.494c4.887,0,8.686-3.666,8.686-8.693 c0-3.261-1.494-5.977-4.748-8.016c-5.432-3.394-15.626-6.11-25.806-6.11c-19.969,0-32.733,11.269-32.733,28.25 c0,16.304,10.32,25.13,29.2,27.713l4.888,0.677c11.004,1.494,14.258,4.888,14.258,10.32c0,6.389-5.292,10.872-15.068,10.872 c-6.8,0-12.232-1.767-19.829-5.977c-1.634-0.956-3.673-1.634-5.851-1.634c-5.153,0-8.965,3.938-8.965,8.832 c0,3.254,1.634,6.382,4.762,8.42c6.117,3.799,16.032,7.876,29.06,7.876c24.047,0,36.266-12.358,36.266-29.067 C367.758,300.865,357.843,292.311,338.697,289.595z"></path> </g> </g></svg>`;
 var pureMarkIconSvg = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.75"></circle><path d="M12 6.5C8.962 6.5 6.5 8.962 6.5 12S8.962 17.5 12 17.5H17.5V12C17.5 8.962 15.038 6.5 12 6.5Z" fill="currentColor" opacity="0.28"></path><path d="M12 9V15" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"></path><path d="M9 12H15" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"></path></svg>`;
@@ -1386,6 +1491,242 @@ var closeIconSvg = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none"
 var pauseIconSvg = `<svg viewBox="0 0 16 16" width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M7 1H2V15H7V1Z" fill="currentColor"></path> <path d="M14 1H9V15H14V1Z" fill="currentColor"></path> </g></svg>`;
 var playIconSvg = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671L4 5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z" fill="currentColor"></path> </g></svg>`;
 
+// src/i18n.ts
+var DEFAULT_LOCALE = "en";
+var EN_MESSAGES = {
+  "launcher.title": "Inspecto",
+  "launcher.panel.title": "Choose a mode",
+  "launcher.panel.subtitle": "Your next page click will follow this mode.",
+  "launcher.action.inspect.title": "Inspect",
+  "launcher.action.inspect.description": "Click one component to inspect or ask AI",
+  "launcher.action.annotate.title": "Annotate",
+  "launcher.action.annotate.description": "Capture notes across components, then create a task or ask once",
+  "launcher.action.pause.title": "Pause selection",
+  "launcher.action.pause.description": "Use the page normally for a moment",
+  "launcher.action.resume.title": "Resume selection",
+  "launcher.action.resume.description": "Start capturing page clicks again",
+  "launcher.hint.hotkeyDisabled": "Hotkey disabled. Open the launcher to choose Inspect or Annotate.",
+  "launcher.hint.hotkeyQuickJump": "Hotkey: {hotkey} for quick jump",
+  "launcher.state.paused": "Selection paused",
+  "launcher.state.annotate": "Annotate mode",
+  "launcher.state.inspect": "Inspect mode",
+  "launcher.state.ready": "Ready",
+  "menu.openInEditor": "Open in Editor",
+  "menu.attachRuntime": "Attach runtime context",
+  "menu.runtimeEnabled": "Runtime context enabled",
+  "menu.runtimeFixOnly": "Runtime context defaults to fix actions only until you choose otherwise",
+  "menu.attachCss": "Attach CSS context",
+  "menu.cssEnabled": "CSS context enabled",
+  "menu.ask.placeholder.default": "Add a custom ask or extra instruction...",
+  "menu.ask.placeholder.fallback": "Ask anything about this component...",
+  "menu.ask.placeholder.setup": "Inspecto setup needs attention...",
+  "menu.ask.ariaLabel": "Custom ask",
+  "menu.preview.show": "Show preview",
+  "menu.preview.hide": "Hide preview",
+  "menu.sending": "Sending...",
+  "menu.error.openIde": "Unable to open file in the editor.",
+  "annotate.mode.title": "Annotate mode",
+  "annotate.quickCapture.toggle": "Toggle quick capture",
+  "annotate.exitMode": "Exit annotate mode",
+  "annotate.empty.title": "Start by clicking a component",
+  "annotate.empty.body": "Each click opens one note. Save a few notes first, then add an overall goal and create a task or ask once.",
+  "annotate.instruction.placeholder": "Overall goal for this batch (optional)...",
+  "annotate.instruction.ariaLabel": "Overall goal",
+  "annotate.previewMessage": "Preview message",
+  "annotate.batchPayload": "Batch payload",
+  "annotate.previewRawPrompt": "View raw prompt payload",
+  "annotate.copyContext": "Copy context",
+  "annotate.copyContext.copied": "Copied",
+  "annotate.copyContext.failed": "Failed to copy",
+  "annotate.saveNote": "Save note",
+  "annotate.updateNote": "Update note",
+  "annotate.askAi": "Ask AI",
+  "annotate.askAiHint": "Ask AI",
+  "annotate.createTask": "Create Task",
+  "annotate.createTaskHint": "Create Task",
+  "annotate.recommendedAction": "Recommended: {action}",
+  "annotate.recommendedAction.agentHint": "Recommended: {action}",
+  "annotate.recommendedAction.askHint": "Recommended: {action}",
+  "annotate.sent": "Sent",
+  "annotate.taskCreated": "Created",
+  "annotate.cancel": "Cancel",
+  "annotate.delete": "Delete",
+  "annotate.composer.placeholder": "What should change for this component?",
+  "annotate.records.none": "No records included yet.",
+  "annotate.target.unknown": "Unknown target",
+  "annotate.source.unknown": "Unknown source",
+  "annotate.note.optionalEmpty": "Optional note left empty.",
+  "annotate.note.none": "No note provided",
+  "annotate.runtimeErrors": "{count} errors",
+  "annotate.liveStatus.quickAskSending": "Sending notes to your IDE assistant.",
+  "annotate.liveStatus.createTaskSending": "Creating a task from your notes.",
+  "annotate.liveStatus.quickAskSent": "Notes sent to your IDE assistant.",
+  "annotate.liveStatus.taskCreated": "Task created from your notes.",
+  "annotate.latestSession.title": "Current task",
+  "annotate.latestSession.refresh": "Refresh current task",
+  "annotate.latestSession.meta.loaded": "{count} annotations",
+  "annotate.latestSession.meta.summary": "Refresh to load details",
+  "annotate.latestSession.loading": "Refreshing latest task...",
+  "annotate.latestSession.pending": "",
+  "annotate.latestSession.acknowledged": "AI acknowledged.",
+  "annotate.latestSession.inProgress": "AI working...",
+  "annotate.latestSession.resolved": "AI finished. Check the page.",
+  "annotate.latestSession.dismissed": "Task dismissed.",
+  "annotate.latestSession.noDetail": "Sent to AI.",
+  "annotate.latestSession.hint.pending": "If it has not started, ask AI to continue.",
+  "annotate.latestSession.hint.acknowledged": "AI connected. Waiting for update.",
+  "annotate.latestSession.hint.in_progress": "Stay for updates, or refresh later.",
+  "annotate.latestSession.hint.resolved": "Review the result. Create a follow-up if needed.",
+  "annotate.latestSession.reconnect": "Reconnect",
+  "annotate.latestSession.error.disconnected": "Connection lost. Reconnect to keep following this task.",
+  "annotate.latestSession.status.pending": "waiting",
+  "annotate.latestSession.status.acknowledged": "acknowledged",
+  "annotate.latestSession.status.in_progress": "in progress",
+  "annotate.latestSession.status.resolved": "complete",
+  "annotate.latestSession.status.dismissed": "dismissed",
+  "annotate.header.capturing": "Capturing clicks",
+  "annotate.header.quickCaptureOn": "{label} on",
+  "runtime.summary.error.one": "{count} runtime error",
+  "runtime.summary.error.other": "{count} runtime errors",
+  "runtime.summary.request.one": "{count} failed request",
+  "runtime.summary.request.other": "{count} failed requests"
+};
+var ZH_CN_MESSAGES = {
+  "launcher.panel.title": "\u9009\u62E9\u6A21\u5F0F",
+  "launcher.panel.subtitle": "\u4F60\u4E0B\u4E00\u6B21\u9875\u9762\u70B9\u51FB\u5C06\u6309\u5F53\u524D\u6A21\u5F0F\u6267\u884C\u3002",
+  "launcher.action.inspect.title": "\u68C0\u67E5",
+  "launcher.action.inspect.description": "\u70B9\u51FB\u4E00\u4E2A\u7EC4\u4EF6\u8FDB\u884C\u68C0\u67E5\u6216\u5411 AI \u63D0\u95EE",
+  "launcher.action.annotate.title": "\u6279\u6CE8",
+  "launcher.action.annotate.description": "\u8DE8\u7EC4\u4EF6\u8BB0\u5F55\u6279\u6CE8\uFF0C\u7136\u540E\u521B\u5EFA\u4EFB\u52A1\u6216\u4E00\u6B21\u6027\u63D0\u95EE",
+  "launcher.action.pause.title": "\u6682\u505C\u9009\u62E9",
+  "launcher.action.pause.description": "\u6682\u65F6\u6309\u6B63\u5E38\u65B9\u5F0F\u64CD\u4F5C\u9875\u9762",
+  "launcher.action.resume.title": "\u6062\u590D\u9009\u62E9",
+  "launcher.action.resume.description": "\u91CD\u65B0\u5F00\u59CB\u6355\u83B7\u9875\u9762\u70B9\u51FB",
+  "launcher.hint.hotkeyDisabled": "\u5FEB\u6377\u952E\u5DF2\u7981\u7528\u3002\u6253\u5F00\u542F\u52A8\u5668\u540E\u9009\u62E9\u201C\u68C0\u67E5\u201D\u6216\u201C\u6279\u6CE8\u201D\u3002",
+  "launcher.hint.hotkeyQuickJump": "\u5FEB\u6377\u952E\uFF1A{hotkey}\uFF08\u5FEB\u901F\u8DF3\u8F6C\uFF09",
+  "launcher.state.paused": "\u5DF2\u6682\u505C\u9009\u62E9",
+  "launcher.state.annotate": "\u6279\u6CE8\u6A21\u5F0F",
+  "launcher.state.inspect": "\u68C0\u67E5\u6A21\u5F0F",
+  "launcher.state.ready": "\u5C31\u7EEA",
+  "menu.openInEditor": "\u5728\u7F16\u8F91\u5668\u4E2D\u6253\u5F00",
+  "menu.attachRuntime": "\u9644\u52A0\u8FD0\u884C\u65F6\u4E0A\u4E0B\u6587",
+  "menu.runtimeEnabled": "\u5DF2\u542F\u7528\u8FD0\u884C\u65F6\u4E0A\u4E0B\u6587",
+  "menu.runtimeFixOnly": "\u8FD0\u884C\u65F6\u4E0A\u4E0B\u6587\u9ED8\u8BA4\u4EC5\u7528\u4E8E\u4FEE\u590D\u7C7B\u64CD\u4F5C\uFF0C\u76F4\u5230\u4F60\u624B\u52A8\u5207\u6362",
+  "menu.attachCss": "\u9644\u52A0 CSS \u4E0A\u4E0B\u6587",
+  "menu.cssEnabled": "\u5DF2\u542F\u7528 CSS \u4E0A\u4E0B\u6587",
+  "menu.ask.placeholder.default": "\u6DFB\u52A0\u81EA\u5B9A\u4E49\u63D0\u95EE\u6216\u989D\u5916\u8BF4\u660E...",
+  "menu.ask.placeholder.fallback": "\u8BE2\u95EE\u4E0E\u6B64\u7EC4\u4EF6\u76F8\u5173\u7684\u4EFB\u4F55\u95EE\u9898...",
+  "menu.ask.placeholder.setup": "Inspecto \u73AF\u5883\u9700\u8981\u68C0\u67E5...",
+  "menu.ask.ariaLabel": "\u81EA\u5B9A\u4E49\u63D0\u95EE",
+  "menu.preview.show": "\u663E\u793A\u9884\u89C8",
+  "menu.preview.hide": "\u9690\u85CF\u9884\u89C8",
+  "menu.sending": "\u53D1\u9001\u4E2D...",
+  "menu.error.openIde": "\u65E0\u6CD5\u5728\u7F16\u8F91\u5668\u4E2D\u6253\u5F00\u6587\u4EF6\u3002",
+  "annotate.mode.title": "\u6279\u6CE8\u6A21\u5F0F",
+  "annotate.quickCapture.toggle": "\u5207\u6362\u5FEB\u901F\u6355\u83B7",
+  "annotate.exitMode": "\u9000\u51FA\u6279\u6CE8\u6A21\u5F0F",
+  "annotate.empty.title": "\u5148\u70B9\u51FB\u4E00\u4E2A\u7EC4\u4EF6\u5F00\u59CB",
+  "annotate.empty.body": "\u6BCF\u6B21\u70B9\u51FB\u53EF\u8BB0\u5F55\u4E00\u6761\u6279\u6CE8\u3002\u5148\u4FDD\u5B58\u51E0\u6761\uFF0C\u518D\u8865\u5145\u6574\u4F53\u76EE\u6807\uFF0C\u7136\u540E\u521B\u5EFA\u4EFB\u52A1\u6216\u4E00\u6B21\u6027\u63D0\u95EE\u3002",
+  "annotate.instruction.placeholder": "\u672C\u6279\u6B21\u7684\u6574\u4F53\u76EE\u6807\uFF08\u53EF\u9009\uFF09...",
+  "annotate.instruction.ariaLabel": "\u6574\u4F53\u76EE\u6807",
+  "annotate.previewMessage": "\u9884\u89C8\u6D88\u606F",
+  "annotate.batchPayload": "\u6279\u6B21\u8F7D\u8377",
+  "annotate.previewRawPrompt": "\u67E5\u770B\u539F\u59CB prompt \u8F7D\u8377",
+  "annotate.copyContext": "\u590D\u5236\u4E0A\u4E0B\u6587",
+  "annotate.copyContext.copied": "\u5DF2\u590D\u5236",
+  "annotate.copyContext.failed": "\u590D\u5236\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5",
+  "annotate.saveNote": "\u4FDD\u5B58",
+  "annotate.updateNote": "\u66F4\u65B0",
+  "annotate.askAi": "\u95EE AI",
+  "annotate.askAiHint": "\u95EE AI",
+  "annotate.createTask": "\u521B\u5EFA\u4EFB\u52A1",
+  "annotate.createTaskHint": "\u521B\u5EFA\u4EFB\u52A1",
+  "annotate.recommendedAction": "\u63A8\u8350\uFF1A{action}",
+  "annotate.recommendedAction.agentHint": "\u63A8\u8350\uFF1A{action}",
+  "annotate.recommendedAction.askHint": "\u63A8\u8350\uFF1A{action}",
+  "annotate.sent": "\u5DF2\u53D1\u9001",
+  "annotate.taskCreated": "\u5DF2\u521B\u5EFA",
+  "annotate.cancel": "\u53D6\u6D88",
+  "annotate.delete": "\u5220\u9664",
+  "annotate.composer.placeholder": "\u8FD9\u4E2A\u7EC4\u4EF6\u9700\u8981\u4FEE\u6539\u4EC0\u4E48\uFF1F",
+  "annotate.records.none": "\u8FD8\u6CA1\u6709\u5305\u542B\u8BB0\u5F55\u3002",
+  "annotate.target.unknown": "\u672A\u77E5\u76EE\u6807",
+  "annotate.source.unknown": "\u672A\u77E5\u6765\u6E90",
+  "annotate.note.optionalEmpty": "\u53EF\u9009\u5907\u6CE8\u4E3A\u7A7A\u3002",
+  "annotate.note.none": "\u672A\u63D0\u4F9B\u5907\u6CE8",
+  "annotate.runtimeErrors": "{count} \u4E2A\u9519\u8BEF",
+  "annotate.liveStatus.quickAskSending": "\u6B63\u5728\u5C06\u6279\u6CE8\u53D1\u9001\u7ED9 AI \u52A9\u624B\u3002",
+  "annotate.liveStatus.createTaskSending": "\u6B63\u5728\u6839\u636E\u6279\u6CE8\u521B\u5EFA\u4EFB\u52A1\u3002",
+  "annotate.liveStatus.quickAskSent": "\u6279\u6CE8\u5DF2\u53D1\u9001\u7ED9 AI \u52A9\u624B\u3002",
+  "annotate.liveStatus.taskCreated": "\u5DF2\u6839\u636E\u6279\u6CE8\u521B\u5EFA\u4EFB\u52A1\u3002",
+  "annotate.latestSession.title": "\u5F53\u524D\u4EFB\u52A1",
+  "annotate.latestSession.refresh": "\u5237\u65B0\u5F53\u524D\u4EFB\u52A1",
+  "annotate.latestSession.meta.loaded": "\u5305\u542B {count} \u6761\u6279\u6CE8",
+  "annotate.latestSession.meta.summary": "\u5305\u542B\u591A\u6761\u6279\u6CE8 \u2022 \u5237\u65B0\u4EE5\u52A0\u8F7D\u8BE6\u60C5",
+  "annotate.latestSession.loading": "\u6B63\u5728\u5237\u65B0\u6700\u65B0\u4EFB\u52A1...",
+  "annotate.latestSession.pending": "",
+  "annotate.latestSession.acknowledged": "AI \u5DF2\u63A5\u624B\u3002",
+  "annotate.latestSession.inProgress": "AI \u5904\u7406\u4E2D...",
+  "annotate.latestSession.resolved": "AI \u5DF2\u5B8C\u6210\u5904\u7406\u3002\u8BF7\u56DE\u5230\u9875\u9762\u786E\u8BA4\u3002",
+  "annotate.latestSession.dismissed": "\u4EFB\u52A1\u5DF2\u88AB\u5FFD\u7565\u3002",
+  "annotate.latestSession.noDetail": "\u5DF2\u53D1\u9001\u7ED9 AI\u3002",
+  "annotate.latestSession.hint.pending": "\u5982\u679C\u8FD8\u6CA1\u6709\u5F00\u59CB\uFF0C\u8BF7\u8BA9 AI \u7EE7\u7EED\u5904\u7406\u3002",
+  "annotate.latestSession.hint.acknowledged": "AI \u5DF2\u8FDE\u63A5\uFF0C\u6B63\u5728\u7B49\u5F85\u66F4\u65B0\u3002",
+  "annotate.latestSession.hint.in_progress": "\u53EF\u7559\u5728\u8FD9\u91CC\u67E5\u770B\u8FDB\u5C55\uFF0C\u6216\u7A0D\u540E\u624B\u52A8\u5237\u65B0\u3002",
+  "annotate.latestSession.hint.resolved": "\u8BF7\u786E\u8BA4\u7ED3\u679C\uFF1B\u5982\u679C\u8FD8\u6709\u95EE\u9898\uFF0C\u53EF\u521B\u5EFA\u540E\u7EED\u4EFB\u52A1\u3002",
+  "annotate.latestSession.reconnect": "\u91CD\u65B0\u8FDE\u63A5",
+  "annotate.latestSession.error.disconnected": "\u8FDE\u63A5\u5DF2\u65AD\u5F00\u3002\u91CD\u65B0\u8FDE\u63A5\u4EE5\u7EE7\u7EED\u8DDF\u8FDB\u8FD9\u6761\u4EFB\u52A1\u3002",
+  "annotate.latestSession.status.pending": "\u7B49\u5F85\u4E2D",
+  "annotate.latestSession.status.acknowledged": "\u5DF2\u9886\u53D6",
+  "annotate.latestSession.status.in_progress": "\u5904\u7406\u4E2D",
+  "annotate.latestSession.status.resolved": "\u5DF2\u5B8C\u6210",
+  "annotate.latestSession.status.dismissed": "\u5DF2\u5FFD\u7565",
+  "annotate.header.capturing": "\u6B63\u5728\u6355\u83B7\u70B9\u51FB",
+  "annotate.header.quickCaptureOn": "{label} \u5DF2\u5F00\u542F",
+  "runtime.summary.error.one": "{count} \u4E2A\u8FD0\u884C\u65F6\u9519\u8BEF",
+  "runtime.summary.error.other": "{count} \u4E2A\u8FD0\u884C\u65F6\u9519\u8BEF",
+  "runtime.summary.request.one": "{count} \u4E2A\u5931\u8D25\u8BF7\u6C42",
+  "runtime.summary.request.other": "{count} \u4E2A\u5931\u8D25\u8BF7\u6C42"
+};
+var BUILTIN_MESSAGES = {
+  en: EN_MESSAGES,
+  "zh-CN": ZH_CN_MESSAGES
+};
+var currentLocale = DEFAULT_LOCALE;
+var currentMessages = {};
+function normalizeLocale(locale) {
+  if (!locale) return DEFAULT_LOCALE;
+  if (BUILTIN_MESSAGES[locale]) return locale;
+  if (locale.toLowerCase().startsWith("zh")) return "zh-CN";
+  if (locale.toLowerCase().startsWith("en")) return "en";
+  return DEFAULT_LOCALE;
+}
+function resolveBrowserLocale() {
+  if (typeof navigator === "undefined") return DEFAULT_LOCALE;
+  return normalizeLocale(navigator.language);
+}
+function interpolate(template, vars) {
+  if (!vars) return template;
+  return template.replace(/\{(\w+)\}/g, (_, key) => {
+    var _a2;
+    return String((_a2 = vars[key]) != null ? _a2 : "");
+  });
+}
+function configureI18n(input) {
+  var _a2, _b;
+  currentLocale = normalizeLocale((_a2 = input == null ? void 0 : input.locale) != null ? _a2 : resolveBrowserLocale());
+  currentMessages = (_b = input == null ? void 0 : input.messages) != null ? _b : {};
+}
+function t(key, vars) {
+  var _a2, _b, _c, _d, _e;
+  const message = (_e = (_d = (_b = currentMessages[key]) != null ? _b : (_a2 = BUILTIN_MESSAGES[currentLocale]) == null ? void 0 : _a2[key]) != null ? _d : (_c = BUILTIN_MESSAGES[DEFAULT_LOCALE]) == null ? void 0 : _c[key]) != null ? _e : key;
+  return interpolate(message, vars);
+}
+function runtimeSummaryLabel(kind, count) {
+  const suffix = count === 1 ? "one" : "other";
+  return t(`runtime.summary.${kind}.${suffix}`, { count });
+}
+
 // src/annotate-overlay-dom.ts
 function createAnnotateOverlayDom(shadowRoot, tokens) {
   const layer = document.createElement("div");
@@ -1448,30 +1789,16 @@ function createAnnotateOverlayDom(shadowRoot, tokens) {
   composerHeaderActions.style.gap = "6px";
   const composerOpenButton = document.createElement("button");
   composerOpenButton.type = "button";
-  composerOpenButton.setAttribute("aria-label", "Open in Editor");
-  composerOpenButton.title = "Open in Editor";
+  composerOpenButton.setAttribute("aria-label", t("menu.openInEditor"));
+  composerOpenButton.title = t("menu.openInEditor");
   composerOpenButton.textContent = "\u2197";
   composerOpenButton.style.appearance = "none";
   composerOpenButton.style.cursor = "pointer";
   applyHeaderIconButtonStyles(composerOpenButton);
-  const composerScreenshotButton = document.createElement("button");
-  composerScreenshotButton.type = "button";
-  composerScreenshotButton.setAttribute("aria-label", "Attach screenshot context");
-  composerScreenshotButton.title = "Attach screenshot context";
-  composerScreenshotButton.style.appearance = "none";
-  composerScreenshotButton.style.cursor = "pointer";
-  composerScreenshotButton.style.display = "none";
-  applyHeaderIconButtonStyles(composerScreenshotButton);
-  composerScreenshotButton.innerHTML = screenshotIconSvg;
-  const screenshotSvgElement = composerScreenshotButton.querySelector("svg");
-  if (screenshotSvgElement) {
-    screenshotSvgElement.style.width = "18px";
-    screenshotSvgElement.style.height = "18px";
-  }
   const composerCssButton = document.createElement("button");
   composerCssButton.type = "button";
-  composerCssButton.setAttribute("aria-label", "Attach CSS context");
-  composerCssButton.title = "Attach CSS context";
+  composerCssButton.setAttribute("aria-label", t("menu.attachCss"));
+  composerCssButton.title = t("menu.attachCss");
   composerCssButton.style.appearance = "none";
   composerCssButton.style.cursor = "pointer";
   composerCssButton.style.display = "none";
@@ -1484,8 +1811,8 @@ function createAnnotateOverlayDom(shadowRoot, tokens) {
   }
   const composerRuntimeButton = document.createElement("button");
   composerRuntimeButton.type = "button";
-  composerRuntimeButton.setAttribute("aria-label", "Attach runtime context");
-  composerRuntimeButton.title = "Attach runtime context";
+  composerRuntimeButton.setAttribute("aria-label", t("menu.attachRuntime"));
+  composerRuntimeButton.title = t("menu.attachRuntime");
   composerRuntimeButton.style.appearance = "none";
   composerRuntimeButton.style.position = "relative";
   composerRuntimeButton.style.cursor = "pointer";
@@ -1515,7 +1842,7 @@ function createAnnotateOverlayDom(shadowRoot, tokens) {
   composerRuntimeBadge.style.display = "none";
   composerRuntimeButton.append(composerRuntimeIcon, composerRuntimeBadge);
   const composerInput = document.createElement("textarea");
-  composerInput.placeholder = "What should change for this component?";
+  composerInput.placeholder = t("annotate.composer.placeholder");
   composerInput.style.width = "100%";
   composerInput.style.minHeight = "100px";
   composerInput.style.boxSizing = "border-box";
@@ -1536,44 +1863,39 @@ function createAnnotateOverlayDom(shadowRoot, tokens) {
   composerActions.style.gap = "8px";
   const cancelButton = document.createElement("button");
   cancelButton.type = "button";
-  cancelButton.textContent = "Cancel";
+  cancelButton.textContent = t("annotate.cancel");
   cancelButton.style.appearance = "none";
   cancelButton.style.border = "none";
   cancelButton.style.background = "transparent";
   cancelButton.style.color = tokens.textSecondary();
-  cancelButton.style.font = '500 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+  cancelButton.style.font = '500 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
   cancelButton.style.padding = "8px 10px";
   cancelButton.style.cursor = "pointer";
   const deleteButton = document.createElement("button");
   deleteButton.type = "button";
-  deleteButton.textContent = "Delete";
+  deleteButton.textContent = t("annotate.delete");
   deleteButton.style.appearance = "none";
   deleteButton.style.border = "none";
   deleteButton.style.background = "transparent";
   deleteButton.style.color = "rgba(248, 113, 113, 0.92)";
-  deleteButton.style.font = '500 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+  deleteButton.style.font = '500 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
   deleteButton.style.padding = "8px 10px";
   deleteButton.style.cursor = "pointer";
   deleteButton.style.display = "none";
   const addButton = document.createElement("button");
   addButton.type = "button";
-  addButton.textContent = "Save note";
+  addButton.textContent = t("annotate.saveNote");
   addButton.style.appearance = "none";
   addButton.style.border = "none";
   addButton.style.borderRadius = tokens.radiusPill();
   addButton.style.background = `linear-gradient(180deg, ${tokens.accentPrimary()} 0%, ${tokens.accentPrimaryStrong()} 100%)`;
   addButton.style.color = "#ffffff";
-  addButton.style.font = '600 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+  addButton.style.font = '600 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
   addButton.style.minHeight = "36px";
   addButton.style.padding = "0 18px";
   addButton.style.cursor = "pointer";
   addButton.style.boxShadow = tokens.shadowAccent();
-  composerHeaderActions.append(
-    composerScreenshotButton,
-    composerCssButton,
-    composerRuntimeButton,
-    composerOpenButton
-  );
+  composerHeaderActions.append(composerCssButton, composerRuntimeButton, composerOpenButton);
   composerActions.append(deleteButton, cancelButton, addButton);
   composerHeader.append(composerHeaderText, composerHeaderActions);
   composer.append(composerHeader, composerInput, composerActions);
@@ -1602,7 +1924,6 @@ function createAnnotateOverlayDom(shadowRoot, tokens) {
     composerHeaderTitle,
     composerHeaderMeta,
     composerOpenButton,
-    composerScreenshotButton,
     composerCssButton,
     composerRuntimeButton,
     composerRuntimeBadge,
@@ -1668,6 +1989,15 @@ function applyOverlayState(box, state, tokens) {
   const badge = box.querySelector("[data-inspecto-annotate-overlay-order]");
   const accentPrimaryColor = tokens.accentPrimary();
   const accentPrimaryStrongColor = tokens.accentPrimaryStrong();
+  const successColor = tokens.successColor();
+  if (state === "completed") {
+    box.style.border = `2px solid ${successColor}`;
+    box.style.background = "rgba(16, 185, 129, 0.05)";
+    box.style.boxShadow = "none";
+    badge.style.background = successColor;
+    badge.style.opacity = "0.68";
+    return;
+  }
   if (state === "saved") {
     box.style.border = `2px solid ${accentPrimaryStrongColor}`;
     box.style.background = "rgba(79, 70, 229, 0.05)";
@@ -1750,6 +2080,7 @@ function createAnnotateOverlay(shadowRoot) {
     textTertiary: () => readToken("--inspecto-text-tertiary", "rgba(255, 255, 255, 0.46)"),
     accentPrimary: () => readToken("--inspecto-accent-primary", "#5d52f3"),
     accentPrimaryStrong: () => readToken("--inspecto-accent-primary-strong", "#4639d7"),
+    successColor: () => readToken("--inspecto-success-color", "#10b981"),
     shadowFloating: () => readToken("--inspecto-shadow-floating", "0 20px 48px rgba(0, 0, 0, 0.28)"),
     shadowAccent: () => readToken("--inspecto-shadow-accent", "0 8px 18px rgba(79, 70, 229, 0.28)"),
     radiusSm: () => readToken("--inspecto-radius-sm", "12px"),
@@ -1764,7 +2095,6 @@ function createAnnotateOverlay(shadowRoot) {
     composerHeaderTitle,
     composerHeaderMeta,
     composerOpenButton,
-    composerScreenshotButton,
     composerCssButton,
     composerRuntimeButton,
     composerRuntimeBadge,
@@ -1857,7 +2187,7 @@ function createAnnotateOverlay(shadowRoot) {
     composer.style.top = `${top}px`;
   }
   function render(targets, composerOptions) {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
     const nextIds = new Set(targets.map((target) => target.id));
     for (const [id, box] of boxes) {
       if (!nextIds.has(id)) {
@@ -1882,8 +2212,8 @@ function createAnnotateOverlay(shadowRoot) {
       const badge = box.querySelector("[data-inspecto-annotate-overlay-order]");
       const noteBadge = box.querySelector("[data-inspecto-annotate-overlay-note]");
       badge.textContent = String(target.order);
-      if (((_b = target.state) != null ? _b : "current") === "saved") {
-        const trimmedNote = (_d = (_c = target.note) == null ? void 0 : _c.trim()) != null ? _d : "";
+      if (((_b = target.state) != null ? _b : "current") === "saved" || ((_c = target.state) != null ? _c : "current") === "completed") {
+        const trimmedNote = (_e = (_d = target.note) == null ? void 0 : _d.trim()) != null ? _e : "";
         const hasNote = trimmedNote.length > 0;
         noteBadge.style.display = hasNote ? "block" : "none";
         noteBadge.textContent = hasNote ? formatOverlayNoteBadge(trimmedNote) : "";
@@ -1918,42 +2248,26 @@ function createAnnotateOverlay(shadowRoot) {
       }
     }
     if (targets.length > 0 && composerOptions) {
-      const targetChanged = activeComposerTargetId !== ((_g = (_f = composerOptions.targetId) != null ? _f : (_e = targets[0]) == null ? void 0 : _e.id) != null ? _g : null);
-      const composerTarget = (_h = targets.find((target) => {
+      const targetChanged = activeComposerTargetId !== ((_h = (_g = composerOptions.targetId) != null ? _g : (_f = targets[0]) == null ? void 0 : _f.id) != null ? _h : null);
+      const composerTarget = (_i = targets.find((target) => {
         var _a3;
         return ((_a3 = target.state) != null ? _a3 : "current") === "current";
-      })) != null ? _h : targets[0];
-      activeComposerTargetId = (_k = (_j = composerOptions.targetId) != null ? _j : (_i = targets[0]) == null ? void 0 : _i.id) != null ? _k : null;
+      })) != null ? _i : targets[0];
+      activeComposerTargetId = (_l = (_k = composerOptions.targetId) != null ? _k : (_j = targets[0]) == null ? void 0 : _j.id) != null ? _l : null;
       composerHeaderTitle.textContent = composerOptions.targetLabel;
-      composerHeaderMeta.textContent = (_l = composerOptions.targetMeta) != null ? _l : "";
+      composerHeaderMeta.textContent = (_m = composerOptions.targetMeta) != null ? _m : "";
       composerHeaderMeta.style.display = composerOptions.targetMeta ? "" : "none";
       composerOpenButton.onclick = () => {
         var _a3;
         return (_a3 = composerOptions.onOpenInEditor) == null ? void 0 : _a3.call(composerOptions);
       };
-      composerScreenshotButton.style.display = composerOptions.canAttachScreenshotContext ? "inline-flex" : "none";
-      composerScreenshotButton.setAttribute(
-        "aria-pressed",
-        composerOptions.screenshotContextEnabled ? "true" : "false"
-      );
-      composerScreenshotButton.dataset.visualState = composerOptions.screenshotContextEnabled ? "active" : "inactive";
-      composerScreenshotButton.title = composerOptions.screenshotContextEnabled ? "Screenshot context enabled" : "Attach screenshot context";
-      applyComposerRuntimeButtonState(
-        composerScreenshotButton,
-        tokens,
-        composerOptions.screenshotContextEnabled === true
-      );
-      composerScreenshotButton.onclick = () => {
-        var _a3;
-        return (_a3 = composerOptions.onToggleScreenshotContext) == null ? void 0 : _a3.call(composerOptions);
-      };
       composerCssButton.style.display = composerOptions.canAttachCssContext ? "inline-flex" : "none";
       composerCssButton.setAttribute(
         "aria-pressed",
         composerOptions.cssContextEnabled ? "true" : "false"
       );
       composerCssButton.dataset.visualState = composerOptions.cssContextEnabled ? "active" : "inactive";
-      composerCssButton.title = composerOptions.cssContextEnabled ? "CSS context enabled" : "Attach CSS context";
+      composerCssButton.title = composerOptions.cssContextEnabled ? t("menu.cssEnabled") : t("menu.attachCss");
       applyComposerRuntimeButtonState(
         composerCssButton,
         tokens,
@@ -1970,10 +2284,10 @@ function createAnnotateOverlay(shadowRoot) {
       );
       composerRuntimeButton.dataset.visualState = composerOptions.runtimeContextEnabled ? "active" : "inactive";
       composerRuntimeBadge.textContent = formatRuntimeErrorCount(
-        (_m = composerOptions.runtimeErrorCount) != null ? _m : 0
+        (_n = composerOptions.runtimeErrorCount) != null ? _n : 0
       );
-      composerRuntimeBadge.style.display = composerOptions.runtimeContextEnabled && ((_n = composerOptions.runtimeErrorCount) != null ? _n : 0) > 0 ? "" : "none";
-      composerRuntimeButton.title = composerOptions.runtimeContextEnabled ? composerOptions.runtimeErrorCount ? `Runtime context enabled \u2022 ${formatRuntimeErrorCount(composerOptions.runtimeErrorCount)} errors` : composerOptions.runtimeContextSummary ? `Runtime context enabled \u2022 ${composerOptions.runtimeContextSummary}` : "Runtime context enabled" : composerOptions.runtimeErrorCount ? `Attach runtime context \u2022 ${formatRuntimeErrorCount(composerOptions.runtimeErrorCount)} errors` : "Attach runtime context";
+      composerRuntimeBadge.style.display = composerOptions.runtimeContextEnabled && ((_o = composerOptions.runtimeErrorCount) != null ? _o : 0) > 0 ? "" : "none";
+      composerRuntimeButton.title = composerOptions.runtimeContextEnabled ? composerOptions.runtimeErrorCount ? `${t("menu.runtimeEnabled")} \u2022 ${t("annotate.runtimeErrors", { count: formatRuntimeErrorCount(composerOptions.runtimeErrorCount) })}` : composerOptions.runtimeContextSummary ? `${t("menu.runtimeEnabled")} \u2022 ${composerOptions.runtimeContextSummary}` : t("menu.runtimeEnabled") : composerOptions.runtimeErrorCount ? `${t("menu.attachRuntime")} \u2022 ${t("annotate.runtimeErrors", { count: formatRuntimeErrorCount(composerOptions.runtimeErrorCount) })}` : t("menu.attachRuntime");
       applyComposerRuntimeButtonState(
         composerRuntimeButton,
         tokens,
@@ -1994,7 +2308,7 @@ function createAnnotateOverlay(shadowRoot) {
         var _a3;
         return (_a3 = composerOptions.onUpdateNote) == null ? void 0 : _a3.call(composerOptions, composerInput.value);
       };
-      addButton.textContent = (_o = composerOptions.saveLabel) != null ? _o : "Save note";
+      addButton.textContent = (_p = composerOptions.saveLabel) != null ? _p : t("annotate.saveNote");
       addButton.onclick = () => {
         var _a3;
         return (_a3 = composerOptions.onSave) == null ? void 0 : _a3.call(composerOptions);
@@ -2017,17 +2331,15 @@ function createAnnotateOverlay(shadowRoot) {
     activeComposerPlacement = null;
     composerInput.value = "";
     composerInput.oninput = null;
-    addButton.textContent = "Save note";
+    addButton.textContent = t("annotate.saveNote");
     addButton.onclick = null;
     cancelButton.onclick = null;
     composerOpenButton.onclick = null;
-    composerScreenshotButton.style.display = "none";
-    composerScreenshotButton.onclick = null;
     composerCssButton.style.display = "none";
     composerCssButton.onclick = null;
     composerCssButton.setAttribute("aria-pressed", "false");
     composerCssButton.dataset.visualState = "inactive";
-    composerCssButton.title = "Attach CSS context";
+    composerCssButton.title = t("menu.attachCss");
     applyComposerRuntimeButtonState(composerCssButton, tokens, false);
     composerRuntimeButton.style.display = "none";
     composerRuntimeButton.onclick = null;
@@ -2045,10 +2357,8 @@ function createAnnotateOverlay(shadowRoot) {
     activeComposerTargetId = null;
     activeComposerPlacement = null;
     composerInput.value = "";
-    addButton.textContent = "Save note";
+    addButton.textContent = t("annotate.saveNote");
     composerOpenButton.onclick = null;
-    composerScreenshotButton.style.display = "none";
-    composerScreenshotButton.onclick = null;
     composerRuntimeButton.style.display = "none";
     composerRuntimeButton.onclick = null;
     deleteButton.style.display = "none";
@@ -2436,12 +2746,9 @@ function buildAnnotateFullPrompt(input) {
   const prompt = instruction ? `${instruction}
 
 ${body}` : body;
-  return appendScreenshotContextSection(
-    appendCssContextToPrompt(
-      appendRuntimeContextSection(prompt, input.runtimeContext),
-      input.cssContextPrompt
-    ),
-    input.screenshotContext
+  return appendCssContextToPrompt(
+    appendRuntimeContextSection(prompt, input.runtimeContext),
+    input.cssContextPrompt
   );
 }
 function buildSelectedElementsPrompt(annotations) {
@@ -2473,22 +2780,6 @@ function appendRuntimeContextSection(prompt, runtimeContext) {
 
 ${buildRuntimeContextSection(runtimeContext.records)}`;
 }
-function appendScreenshotContextSection(prompt, screenshotContext) {
-  if (!screenshotContext || !screenshotContext.imageDataUrl && !screenshotContext.imageAssetId) {
-    return prompt;
-  }
-  const lines = [
-    "Visual screenshot context attached:",
-    `- capturedAt=${screenshotContext.capturedAt}`,
-    `- mimeType=${screenshotContext.mimeType}`
-  ];
-  if (screenshotContext.imageAssetId) {
-    lines.push(`- imageAssetId=${screenshotContext.imageAssetId}`);
-  }
-  return `${prompt}
-
-${lines.join("\n")}`;
-}
 function buildRuntimeContextSection(records) {
   return ["Relevant runtime context:", ...records.map(formatRuntimeRecord)].join("\n");
 }
@@ -2530,15 +2821,26 @@ function fetchIdeInfo(force = false) {
 }
 function openFile(req) {
   return __async(this, null, function* () {
+    return (yield openFileWithDiagnostics(req)).success;
+  });
+}
+function openFileWithDiagnostics(req) {
+  return __async(this, null, function* () {
+    var _a2;
     try {
-      const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.IDE_OPEN}`, {
+      const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.SOURCE_OPEN}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(req)
       });
-      return res.ok;
+      if (res.ok) return { success: true };
+      const err = yield res.json().catch(() => ({}));
+      return {
+        success: false,
+        errorCode: (_a2 = err.errorCode) != null ? _a2 : "IDE_UNAVAILABLE"
+      };
     } catch (e) {
-      return false;
+      return { success: false, errorCode: "SERVER_UNAVAILABLE" };
     }
   });
 }
@@ -2550,54 +2852,169 @@ function fetchSnippet(file, line, column, maxLines = 100) {
       column: String(column),
       maxLines: String(maxLines)
     });
-    const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.PROJECT_SNIPPET}?${params}`);
-    if (!res.ok) {
-      const err = yield res.json().catch(() => ({}));
-      throw Object.assign(new Error("snippet fetch failed"), { errorCode: err.errorCode });
+    try {
+      const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.PROJECT_SNIPPET}?${params}`);
+      if (!res.ok) {
+        const err = yield res.json().catch(() => ({}));
+        throw Object.assign(new Error("snippet fetch failed"), { errorCode: err.errorCode });
+      }
+      return res.json();
+    } catch (err) {
+      if (err.errorCode) throw err;
+      throw Object.assign(new Error("Local dev server unavailable"), {
+        errorCode: "SERVER_UNAVAILABLE"
+      });
     }
-    return res.json();
   });
 }
 function sendToAi(req) {
   return __async(this, null, function* () {
     var _a2;
-    const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.AI_DISPATCH}`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(req)
-    });
-    if (!res.ok) {
-      const err = yield res.json().catch(() => ({}));
+    try {
+      const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.AI_DISPATCH}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(req)
+      });
+      if (!res.ok) {
+        const err = yield res.json().catch(() => ({}));
+        return {
+          success: false,
+          error: (_a2 = err.error) != null ? _a2 : "Request failed",
+          errorCode: err.errorCode
+        };
+      }
+      return res.json();
+    } catch (e) {
       return {
         success: false,
-        error: (_a2 = err.error) != null ? _a2 : "Request failed",
-        errorCode: err.errorCode
+        error: "Local dev server unavailable",
+        errorCode: "SERVER_UNAVAILABLE"
       };
     }
-    return res.json();
   });
 }
 function sendAnnotationsToAi(req) {
   return __async(this, null, function* () {
     var _a2;
-    const res = yield fetch(`${BASE_URL}${AI_BATCH_DISPATCH_PATH}`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(req)
-    });
-    if (!res.ok) {
-      const err = yield res.json().catch(() => ({}));
+    try {
+      const res = yield fetch(`${BASE_URL}${AI_BATCH_DISPATCH_PATH}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(req)
+      });
+      if (!res.ok) {
+        const err = yield res.json().catch(() => ({}));
+        return {
+          success: false,
+          error: (_a2 = err.error) != null ? _a2 : "Request failed",
+          errorCode: err.errorCode
+        };
+      }
+      return res.json();
+    } catch (e) {
+      return {
+        success: false,
+        error: "Local dev server unavailable",
+        errorCode: "SERVER_UNAVAILABLE"
+      };
+    }
+  });
+}
+function fetchAnnotationSession(sessionId) {
+  return __async(this, null, function* () {
+    var _a2;
+    try {
+      const res = yield fetch(
+        `${BASE_URL}${INSPECTO_API_PATHS.SESSIONS}/${encodeURIComponent(sessionId)}`
+      );
+      if (!res.ok) {
+        const err = yield res.json().catch(() => ({}));
+        return {
+          success: false,
+          error: (_a2 = err.error) != null ? _a2 : "Request failed",
+          errorCode: err.errorCode
+        };
+      }
+      const payload = yield res.json();
+      return __spreadValues(__spreadValues({
+        success: payload.success
+      }, payload.session !== void 0 ? { session: payload.session } : {}), payload.error !== void 0 ? { error: payload.error } : {});
+    } catch (e) {
       return {
         success: false,
-        error: (_a2 = err.error) != null ? _a2 : "Request failed",
-        errorCode: err.errorCode
+        error: "Local dev server unavailable",
+        errorCode: "SERVER_UNAVAILABLE"
       };
     }
-    return res.json();
   });
 }
+function openAnnotationSessionEventStream(sessionId, handlers) {
+  if (!sessionId.trim() || typeof EventSource !== "function") {
+    return null;
+  }
+  const params = new URLSearchParams({ sessionId: sessionId.trim() });
+  const source = new EventSource(`${BASE_URL}${INSPECTO_API_PATHS.SESSION_EVENTS}?${params}`);
+  const handleEvent = (event) => {
+    const messageEvent = event;
+    try {
+      const payload = JSON.parse(messageEvent.data);
+      handlers.onEvent(payload);
+    } catch (e) {
+    }
+  };
+  source.addEventListener("session-created", handleEvent);
+  source.addEventListener("session-message-appended", handleEvent);
+  source.addEventListener("session-status-updated", handleEvent);
+  if (handlers.onError) {
+    source.addEventListener("error", handlers.onError);
+  }
+  return {
+    close() {
+      source.close();
+    }
+  };
+}
 
 // src/component-annotate-ui.ts
+function formatContextAsMarkdown(instruction, annotations) {
+  let md = "";
+  if (instruction) {
+    md += `${instruction}
+
+`;
+  }
+  if (annotations.length > 0) {
+    md += "### Selected Elements\n\n";
+    annotations.forEach((ann, index) => {
+      md += `**Annotation ${index + 1}**
+`;
+      if (ann.note) {
+        md += `* Note: ${ann.note}
+`;
+      }
+      ann.targets.forEach((target, targetIndex) => {
+        md += `
+* Target ${targetIndex + 1}:
+`;
+        if (target.label) md += `  - Label: \`${target.label}\`
+`;
+        if (target.location)
+          md += `  - Location: \`${target.location.file.split("/").pop() || target.location.file}:${target.location.line}:${target.location.column}\`
+`;
+        if (target.selector) md += `  - Selector: \`${target.selector}\`
+`;
+        if (target.snippet) md += `
+  \`\`\`
+${target.snippet}
+  \`\`\`
+`;
+      });
+      md += "\n---\n\n";
+    });
+  }
+  return md.trim();
+}
 function hasCurrentRecordUi(ctx) {
   return Boolean(asAnnotateContext(ctx).annotateSession.current.target);
 }
@@ -2622,6 +3039,7 @@ function clearAnnotateSuccess(ctx) {
     clearTimeout(state.annotateSuccessTimeout);
     state.annotateSuccessTimeout = null;
   }
+  state.annotateSuccessOnClear = null;
   if (hadSuccess) {
     state.updateAnnotateSidebar();
   }
@@ -2631,11 +3049,29 @@ function showAnnotateSuccess(ctx, scope) {
   clearAnnotateSuccess(state);
   state.annotateSuccessScope = scope;
   state.annotateSuccessTimeout = setTimeout(() => {
+    const onClear = state.annotateSuccessOnClear;
     state.annotateSuccessScope = null;
     state.annotateSuccessTimeout = null;
+    state.annotateSuccessOnClear = null;
+    onClear == null ? void 0 : onClear();
     state.updateAnnotateSidebar();
   }, 1500);
 }
+function updateLatestSessionState(ctx, session) {
+  const state = asAnnotateContext(ctx);
+  state.annotateLatestSessionDetail = session;
+  state.annotateLatestSessionSummary = {
+    id: session.id,
+    status: session.status,
+    createdAt: session.createdAt,
+    updatedAt: session.updatedAt
+  };
+  state.annotateLatestSessionError = "";
+  if (session.status === "resolved" || session.status === "dismissed") {
+    state.stopLatestAnnotateSessionStream();
+  }
+  state.renderAnnotateSelectionOverlay();
+}
 function toAnnotateErrorMessage(_ctx, errorCode, fallback) {
   if (errorCode === "FORBIDDEN_PATH") {
     return "Some selected targets are outside the current project workspace.";
@@ -2643,6 +3079,9 @@ function toAnnotateErrorMessage(_ctx, errorCode, fallback) {
   if (errorCode === "INVALID_REQUEST") {
     return "The current annotation batch is incomplete. Check your targets and try again.";
   }
+  if (errorCode === "SERVER_UNAVAILABLE") {
+    return "Inspecto could not reach the local dev server. Restart your dev server, then try again. If it still fails, run `inspecto doctor` or `npx @inspecto-dev/cli doctor` from the project root.";
+  }
   return fallback != null ? fallback : "Request failed";
 }
 function toAnnotationTransportFromRecordUi(_ctx, record) {
@@ -2656,8 +3095,9 @@ function toAnnotationTransportFromRecordUi(_ctx, record) {
     ]
   };
 }
-function sendAnnotationBatch(ctx, annotations, scope, instruction, onSuccess) {
+function sendAnnotationBatch(ctx, annotations, scope, instruction, deliveryMode, onSuccess) {
   return __async(this, null, function* () {
+    var _a2, _b;
     const state = asAnnotateContext(ctx);
     if (annotations.length === 0 || state.annotateSendState.isSending) return;
     state.annotateSendState = { isSending: true, scope };
@@ -2665,26 +3105,38 @@ function sendAnnotationBatch(ctx, annotations, scope, instruction, onSuccess) {
     try {
       yield state.configLoadPromise;
       const runtimeContext = state.getAnnotateRuntimeContext(annotations);
-      const screenshotContext = state.annotateScreenshotContextEnabled ? yield state.captureAnnotateScreenshotContext(annotations, scope) : null;
       const cssContextPrompt = state.getAnnotateCssContextPrompt(annotations);
-      const result = yield sendAnnotationsToAi(__spreadValues(__spreadValues(__spreadValues({
+      const result = yield sendAnnotationsToAi(__spreadProps(__spreadValues(__spreadValues({
         instruction,
-        annotations,
-        responseMode: state.getAnnotationResponseMode()
-      }, runtimeContext ? { runtimeContext } : {}), screenshotContext ? { screenshotContext } : {}), cssContextPrompt ? { cssContextPrompt } : {}));
+        annotations
+      }, runtimeContext ? { runtimeContext } : {}), cssContextPrompt ? { cssContextPrompt } : {}), {
+        deliveryMode
+      }));
       if (!result.success) {
         state.annotateErrorMessage = toAnnotateErrorMessage(state, result.errorCode, result.error);
         state.updateAnnotateSidebar();
         return;
       }
+      state.annotateLatestSessionSummary = (_a2 = result.session) != null ? _a2 : null;
+      state.annotateLatestSessionDetail = null;
+      state.annotateLatestSessionError = "";
+      if ((_b = result.session) == null ? void 0 : _b.id) {
+        state.startLatestAnnotateSessionStream(result.session.id);
+        void state.refreshLatestAnnotateSession();
+      } else {
+        state.stopLatestAnnotateSessionStream();
+      }
       onSuccess();
       state.annotateErrorMessage = "";
       state.showAnnotateSuccess(scope);
-      state.annotateElements.clear();
       state.renderAnnotateSelectionOverlay();
       state.updateAnnotateSidebar();
-    } catch (e) {
-      state.annotateErrorMessage = "Request failed";
+    } catch (err) {
+      state.annotateErrorMessage = toAnnotateErrorMessage(
+        state,
+        err.errorCode,
+        err.message
+      );
       state.updateAnnotateSidebar();
     } finally {
       state.annotateSendState = { isSending: false, scope: null };
@@ -2692,7 +3144,56 @@ function sendAnnotationBatch(ctx, annotations, scope, instruction, onSuccess) {
     }
   });
 }
+function refreshLatestAnnotateSession(ctx) {
+  return __async(this, null, function* () {
+    var _a2, _b, _c, _d;
+    const state = asAnnotateContext(ctx);
+    const sessionId = (_c = (_a2 = state.annotateLatestSessionSummary) == null ? void 0 : _a2.id) != null ? _c : (_b = state.annotateLatestSessionDetail) == null ? void 0 : _b.id;
+    if (!sessionId || state.annotateLatestSessionLoading) return;
+    state.annotateLatestSessionLoading = true;
+    state.annotateLatestSessionError = "";
+    state.updateAnnotateSidebar();
+    try {
+      const result = yield fetchAnnotationSession(sessionId);
+      if (!result.success || !result.session) {
+        state.annotateLatestSessionError = toAnnotateErrorMessage(
+          state,
+          result.errorCode,
+          (_d = result.error) != null ? _d : "Failed to refresh latest session."
+        );
+        return;
+      }
+      updateLatestSessionState(state, result.session);
+    } finally {
+      state.annotateLatestSessionLoading = false;
+      state.updateAnnotateSidebar();
+    }
+  });
+}
+function startLatestAnnotateSessionStream(ctx, sessionId) {
+  const state = asAnnotateContext(ctx);
+  state.stopLatestAnnotateSessionStream();
+  const connection = openAnnotationSessionEventStream(sessionId, {
+    onEvent: (event) => {
+      if (event.session.id !== sessionId) return;
+      updateLatestSessionState(state, event.session);
+      state.updateAnnotateSidebar();
+    },
+    onError: () => {
+      state.annotateLatestSessionError = "Live session updates disconnected. You can refresh to reconnect.";
+      state.updateAnnotateSidebar();
+    }
+  });
+  state.annotateLatestSessionStream = connection;
+}
+function stopLatestAnnotateSessionStream(ctx) {
+  var _a2;
+  const state = asAnnotateContext(ctx);
+  (_a2 = state.annotateLatestSessionStream) == null ? void 0 : _a2.close();
+  state.annotateLatestSessionStream = null;
+}
 function getAnnotateSidebarOptions(ctx) {
+  var _a2;
   const state = asAnnotateContext(ctx);
   const includedRecords = state.annotateSession.records;
   const savedAnnotations = state.annotateSession.records.map(
@@ -2713,10 +3214,12 @@ function getAnnotateSidebarOptions(ctx) {
   const fullInstruction = composeAnnotateInstruction(state);
   const allRuntimeContext = state.getAnnotateRuntimeContext(allAnnotations);
   const allCssContextPrompt = state.getAnnotateCssContextPrompt(allAnnotations);
+  const deliveryPreference = (_a2 = state.annotateDeliveryMode) != null ? _a2 : "both";
+  let preferredAction = "create-task";
+  if (deliveryPreference === "ide") preferredAction = "quick-ask";
+  if (deliveryPreference === "agent") preferredAction = "create-task";
   return {
     mode: state.annotateCapturePaused ? "capture-paused" : "capture-enabled",
-    canAttachScreenshotContext: false,
-    screenshotContextEnabled: state.annotateScreenshotContextEnabled,
     canAttachCssContext: false,
     cssContextEnabled: false,
     canAttachRuntimeContext: state.canAttachRuntimeContext(),
@@ -2729,13 +3232,18 @@ function getAnnotateSidebarOptions(ctx) {
     fullPrompt: buildAnnotateFullPrompt({
       instruction: fullInstruction,
       annotations: allAnnotations,
-      responseMode: state.getAnnotationResponseMode(),
       runtimeContext: allRuntimeContext,
       cssContextPrompt: allCssContextPrompt
     }),
     isSending: state.annotateSendState.isSending,
     sendingScope: state.annotateSendState.scope,
     successScope: state.annotateSuccessScope,
+    preferredAction,
+    annotateDeliveryMode: state.annotateDeliveryMode,
+    latestSessionSummary: state.annotateLatestSessionSummary,
+    latestSessionDetail: state.annotateLatestSessionDetail,
+    latestSessionLoading: state.annotateLatestSessionLoading,
+    latestSessionError: state.annotateLatestSessionError,
     quickCaptureEnabled: state.annotateQuickCaptureEnabled,
     errorMessage: state.annotateErrorMessage,
     onPauseCapture: () => {
@@ -2768,11 +3276,11 @@ function getAnnotateSidebarOptions(ctx) {
       state.updateAnnotateSidebar();
     },
     onRemovePromptChip: (recordId) => {
-      var _a2;
+      var _a3;
       state.clearAnnotateError();
       state.clearAnnotateSuccess();
       const currentTarget = state.annotateSession.current.id === recordId ? state.annotateSession.current.target : null;
-      const savedRecord = (_a2 = state.annotateSession.records.find((record) => record.id === recordId)) != null ? _a2 : null;
+      const savedRecord = (_a3 = state.annotateSession.records.find((record) => record.id === recordId)) != null ? _a3 : null;
       if (currentTarget) {
         clearDraftForTarget(state, currentTarget);
         state.annotateSession = clearCurrentRecord(state.annotateSession);
@@ -2790,8 +3298,11 @@ function getAnnotateSidebarOptions(ctx) {
       state.clearAnnotateSuccess();
       beginEditingRecord(state, recordId);
     },
-    onSend: () => {
-      var _a2;
+    onRefreshLatestSession: () => {
+      void state.refreshLatestAnnotateSession();
+    },
+    onCopyContext: () => {
+      var _a3;
       const transports = state.annotateSession.records.map(
         (record) => toAnnotationTransportFromRecordUi(null, record)
       );
@@ -2799,7 +3310,34 @@ function getAnnotateSidebarOptions(ctx) {
         transports.push(
           toAnnotationTransportFromRecordUi(null, {
             id: state.annotateSession.current.id,
-            displayOrder: (_a2 = state.annotateSession.current.displayOrder) != null ? _a2 : getNextRecordDisplayOrderUi(state),
+            displayOrder: (_a3 = state.annotateSession.current.displayOrder) != null ? _a3 : getNextRecordDisplayOrderUi(state),
+            target: state.annotateSession.current.target,
+            note: state.annotateSession.current.note,
+            intent: state.annotateSession.current.intent
+          })
+        );
+      }
+      const instruction = composeAnnotateInstruction(state);
+      const markdown = formatContextAsMarkdown(instruction, transports);
+      return navigator.clipboard.writeText(markdown).then(() => {
+        state.annotateErrorMessage = "";
+      }).catch((err) => {
+        console.error("Failed to copy to clipboard:", err);
+        state.annotateErrorMessage = t("annotate.copyContext.failed");
+        state.updateAnnotateSidebar();
+        throw err;
+      });
+    },
+    onQuickAsk: () => {
+      var _a3;
+      const transports = state.annotateSession.records.map(
+        (record) => toAnnotationTransportFromRecordUi(null, record)
+      );
+      if (hasCurrentRecordUi(state) && state.annotateSession.current.target) {
+        transports.push(
+          toAnnotationTransportFromRecordUi(null, {
+            id: state.annotateSession.current.id,
+            displayOrder: (_a3 = state.annotateSession.current.displayOrder) != null ? _a3 : getNextRecordDisplayOrderUi(state),
             target: state.annotateSession.current.target,
             note: state.annotateSession.current.note,
             intent: state.annotateSession.current.intent
@@ -2809,12 +3347,42 @@ function getAnnotateSidebarOptions(ctx) {
       void sendAnnotationBatch(
         state,
         transports,
-        "batch",
+        "quick-ask",
         composeAnnotateInstruction(state),
+        "ide",
         () => {
+          state.annotateInstructionDraft = "";
           state.annotateDrafts.clear();
           state.annotateEditingRecord = null;
           state.annotateSession = createEmptySession();
+          state.annotateElements.clear();
+          state.renderAnnotateSelectionOverlay();
+        }
+      );
+    },
+    onCreateTask: () => {
+      var _a3;
+      const transports = state.annotateSession.records.map(
+        (record) => toAnnotationTransportFromRecordUi(null, record)
+      );
+      if (hasCurrentRecordUi(state) && state.annotateSession.current.target) {
+        transports.push(
+          toAnnotationTransportFromRecordUi(null, {
+            id: state.annotateSession.current.id,
+            displayOrder: (_a3 = state.annotateSession.current.displayOrder) != null ? _a3 : getNextRecordDisplayOrderUi(state),
+            target: state.annotateSession.current.target,
+            note: state.annotateSession.current.note,
+            intent: state.annotateSession.current.intent
+          })
+        );
+      }
+      void sendAnnotationBatch(
+        state,
+        transports,
+        "create-task",
+        composeAnnotateInstruction(state),
+        "agent",
+        () => {
         }
       );
     },
@@ -2835,15 +3403,16 @@ function renderAnnotateSelectionOverlay(ctx) {
     return;
   }
   const overlayTargets = state.annotateSession.records.map((record) => {
-    var _a3;
+    var _a3, _b2, _c;
     if (((_a3 = state.annotateEditingRecord) == null ? void 0 : _a3.id) === record.id) return null;
     const element = findElementForAnnotationTarget(state, record.target);
     if (!element) return null;
+    const overlayState = ((_b2 = state.annotateLatestSessionSummary) == null ? void 0 : _b2.status) === "resolved" || ((_c = state.annotateLatestSessionDetail) == null ? void 0 : _c.status) === "resolved" ? "completed" : "saved";
     return {
       id: record.id,
       element,
       order: record.displayOrder,
-      state: "saved",
+      state: overlayState,
       note: record.note,
       onActivate: () => {
         state.clearAnnotateError();
@@ -2872,15 +3441,13 @@ function renderAnnotateSelectionOverlay(ctx) {
     onOpenInEditor: () => {
       void openFile(target.location);
     },
-    canAttachScreenshotContext: false,
-    screenshotContextEnabled: false,
     canAttachCssContext: state.canAttachCssContext(),
     cssContextEnabled: (_b = state.annotateSession.current.cssContextEnabled) != null ? _b : false,
     canAttachRuntimeContext: false,
     runtimeContextEnabled: false,
     runtimeContextSummary: "",
     runtimeErrorCount: 0,
-    saveLabel: state.annotateEditingRecord ? "Update note" : "Save note",
+    saveLabel: state.annotateEditingRecord ? t("annotate.updateNote") : t("annotate.saveNote"),
     onToggleCssContext: () => {
       var _a3;
       state.annotateSession = updateCurrentRecordCssContextEnabled(
@@ -2897,9 +3464,23 @@ function renderAnnotateSelectionOverlay(ctx) {
       state.updateAnnotateSidebar();
     },
     onSave: () => {
+      var _a3, _b2;
       if (!hasCurrentRecordUi(state)) return;
       state.clearAnnotateError();
       state.clearAnnotateSuccess();
+      if (((_a3 = state.annotateLatestSessionSummary) == null ? void 0 : _a3.status) === "resolved" || ((_b2 = state.annotateLatestSessionDetail) == null ? void 0 : _b2.status) === "resolved") {
+        const currentDraft = state.annotateSession.current;
+        state.annotateLatestSessionSummary = null;
+        state.annotateLatestSessionDetail = null;
+        state.stopLatestAnnotateSessionStream();
+        state.annotateInstructionDraft = "";
+        state.annotateDrafts.clear();
+        state.annotateEditingRecord = null;
+        state.annotateSession = {
+          current: currentDraft,
+          records: []
+        };
+      }
       clearDraftForTarget(state, state.annotateSession.current.target);
       state.annotateSession = saveCurrentRecord(state.annotateSession);
       state.annotateEditingRecord = null;
@@ -2970,7 +3551,7 @@ function createBadge(ctx) {
   stateSpan.hidden = true;
   const titleSpan = document.createElement("span");
   titleSpan.className = `${badgeClass}-title`;
-  titleSpan.textContent = "Inspecto";
+  titleSpan.textContent = t("launcher.title");
   const eyes = document.createElement("span");
   eyes.className = `${badgeClass}-eyes`;
   eyes.setAttribute("aria-hidden", "true");
@@ -2994,14 +3575,18 @@ function createBadge(ctx) {
   panel.dataset.inspectoLauncherPanel = "true";
   const panelHeader = document.createElement("div");
   panelHeader.className = `${badgeClass}-panel-header`;
-  panelHeader.innerHTML = '<div data-inspecto-launcher-panel-title="true">Choose a mode</div><div data-inspecto-launcher-panel-subtitle="true">Your next page click will follow this mode.</div>';
+  const panelHeaderCopy = document.createElement("div");
+  panelHeaderCopy.className = `${badgeClass}-panel-header-copy`;
+  panelHeaderCopy.innerHTML = `<div data-inspecto-launcher-panel-title="true">${t("launcher.panel.title")}</div><div data-inspecto-launcher-panel-subtitle="true">${t("launcher.panel.subtitle")}</div>`;
+  const panelHeaderActions = document.createElement("div");
+  panelHeaderActions.className = `${badgeClass}-panel-header-actions`;
   const modeGroup = document.createElement("div");
   modeGroup.className = `${badgeClass}-panel-group`;
   const inspectBtn = document.createElement("button");
   inspectBtn.type = "button";
   inspectBtn.className = `${badgeClass}-panel-button`;
   inspectBtn.dataset.inspectoLauncherAction = "inspect";
-  inspectBtn.innerHTML = '<span data-inspecto-launcher-title="true">Inspect</span><span data-inspecto-launcher-description="true">Click one component to inspect or ask AI</span>';
+  inspectBtn.innerHTML = `<span data-inspecto-launcher-title="true">${t("launcher.action.inspect.title")}</span><span data-inspecto-launcher-description="true">${t("launcher.action.inspect.description")}</span>`;
   inspectBtn.addEventListener("click", (event) => {
     event.stopPropagation();
     if (state.disabled) setPaused(state, false);
@@ -3014,7 +3599,7 @@ function createBadge(ctx) {
   annotateBtn.type = "button";
   annotateBtn.className = `${badgeClass}-panel-button`;
   annotateBtn.dataset.inspectoLauncherAction = "annotate";
-  annotateBtn.innerHTML = '<span data-inspecto-launcher-title="true">Annotate</span><span data-inspecto-launcher-description="true">Capture notes across components, then Ask AI once</span>';
+  annotateBtn.innerHTML = `<span data-inspecto-launcher-title="true">${t("launcher.action.annotate.title")}</span><span data-inspecto-launcher-description="true">${t("launcher.action.annotate.description")}</span>`;
   annotateBtn.addEventListener("click", (event) => {
     event.stopPropagation();
     if (state.disabled) setPaused(state, false);
@@ -3025,13 +3610,18 @@ function createBadge(ctx) {
   });
   const pauseBtn = document.createElement("button");
   pauseBtn.type = "button";
-  pauseBtn.className = `${badgeClass}-panel-button secondary`;
+  pauseBtn.className = `${badgeClass}-panel-toggle-button`;
   pauseBtn.dataset.inspectoLauncherAction = "pause";
-  pauseBtn.innerHTML = '<span data-inspecto-launcher-title="true">Pause selection</span><span data-inspecto-launcher-description="true">Use the page normally for a moment</span>';
+  pauseBtn.setAttribute("aria-label", t("launcher.action.pause.title"));
+  pauseBtn.setAttribute("aria-pressed", "false");
+  pauseBtn.innerHTML = pauseIconSvg;
   pauseBtn.addEventListener("click", (event) => {
     event.stopPropagation();
     setPaused(state, !state.disabled);
   });
+  const pauseText = document.createElement("div");
+  pauseText.className = `${badgeClass}-panel-status-text`;
+  pauseText.dataset.inspectoLauncherPauseText = "true";
   const hotkeyHint = document.createElement("div");
   hotkeyHint.className = `${badgeClass}-panel-hint`;
   hotkeyHint.dataset.inspectoLauncherHint = "hotkey";
@@ -3039,7 +3629,9 @@ function createBadge(ctx) {
   utilityGroup.className = `${badgeClass}-panel-group`;
   utilityGroup.dataset.inspectoLauncherUtilityGroup = "true";
   modeGroup.append(inspectBtn, annotateBtn);
-  utilityGroup.append(pauseBtn, hotkeyHint);
+  panelHeader.append(panelHeaderCopy, panelHeaderActions);
+  utilityGroup.append(hotkeyHint);
+  panelHeaderActions.append(pauseText, pauseBtn);
   panel.append(panelHeader, modeGroup, utilityGroup);
   titleBlock.append(titleSpan, stateSpan);
   content.append(indicator, titleBlock);
@@ -3172,10 +3764,13 @@ function updateBadgeContent(ctx) {
   const pauseBtn = state.badge.querySelector(
     `[data-inspecto-launcher-action="pause"]`
   );
+  const pauseText = state.badge.querySelector(
+    `[data-inspecto-launcher-pause-text]`
+  );
   const hotkeyHint = state.badge.querySelector(
     `[data-inspecto-launcher-hint="hotkey"]`
   );
-  if (!indicator || !titleSpan || !stateSpan || !panel || !inspectBtn || !annotateBtn || !pauseBtn || !hotkeyHint) {
+  if (!indicator || !titleSpan || !stateSpan || !panel || !inspectBtn || !annotateBtn || !pauseBtn || !pauseText || !hotkeyHint) {
     return;
   }
   const updateModeButton = (button, active) => {
@@ -3184,32 +3779,39 @@ function updateBadgeContent(ctx) {
   };
   let stateLabel;
   if (state.disabled) {
-    stateLabel = "Selection paused";
+    stateLabel = t("launcher.state.paused");
     indicator.dataset.state = "paused";
     state.badge.classList.remove("active");
     state.badge.classList.add("disabled");
   } else if (state.mode === "annotate") {
-    stateLabel = "Annotate mode";
+    stateLabel = t("launcher.state.annotate");
     indicator.dataset.state = "annotate";
     state.badge.classList.remove("disabled");
     state.badge.classList.add("active");
   } else if (state.active) {
-    stateLabel = "Inspect mode";
+    stateLabel = t("launcher.state.inspect");
     indicator.dataset.state = "inspect";
     state.badge.classList.remove("disabled");
     state.badge.classList.add("active");
   } else {
-    stateLabel = "Ready";
+    stateLabel = t("launcher.state.ready");
     indicator.dataset.state = "ready";
     state.badge.classList.remove("active", "disabled");
   }
   stateSpan.dataset.state = indicator.dataset.state;
   stateSpan.hidden = false;
-  titleSpan.textContent = "Inspecto";
+  titleSpan.textContent = t("launcher.title");
   stateSpan.textContent = stateLabel;
   panel.style.display = state.launcherPanelOpen ? "flex" : "none";
-  pauseBtn.innerHTML = state.disabled ? '<span data-inspecto-launcher-title="true">Resume selection</span><span data-inspecto-launcher-description="true">Start capturing page clicks again</span>' : '<span data-inspecto-launcher-title="true">Pause selection</span><span data-inspecto-launcher-description="true">Use the page normally for a moment</span>';
-  hotkeyHint.textContent = getEffectiveHotKeys(state) === false ? "Hotkey disabled. Open the launcher to choose Inspect or Annotate." : `Hotkey: ${getHotKeyLabel(state)} for quick jump`;
+  const isPaused = state.disabled;
+  pauseBtn.setAttribute(
+    "aria-label",
+    isPaused ? t("launcher.action.resume.title") : t("launcher.action.pause.title")
+  );
+  pauseBtn.setAttribute("aria-pressed", isPaused ? "true" : "false");
+  pauseBtn.innerHTML = isPaused ? playIconSvg : pauseIconSvg;
+  pauseText.textContent = isPaused ? t("launcher.action.resume.title") : t("launcher.action.pause.title");
+  hotkeyHint.textContent = getEffectiveHotKeys(state) === false ? t("launcher.hint.hotkeyDisabled") : t("launcher.hint.hotkeyQuickJump", { hotkey: getHotKeyLabel(state) });
   inspectBtn.style.display = state.disabled ? "none" : "inline-flex";
   annotateBtn.style.display = state.disabled ? "none" : "inline-flex";
   updateModeButton(inspectBtn, !state.disabled && state.active && state.mode === "inspect");
@@ -3354,21 +3956,16 @@ function buildFixBugPrompt(input) {
   const evidence = selectFixBugEvidence(input.records);
   const templateGuidance = normalizeTemplateGuidance(input.template);
   return [
-    "You are fixing a bug for the currently inspected UI target.",
+    "Fix the bug for the inspected UI target.",
     buildSourceContextSection(input.location, input.snippet),
     buildEvidenceSection(evidence),
-    "Guardrails:",
-    "- Prioritize evidence-backed conclusions.",
-    "- Separate confirmed evidence from hypotheses.",
-    "- Avoid strong claims when the runtime evidence is weak or unrelated.",
-    "- Ask follow-up questions if the evidence is insufficient for a safe fix.",
-    "Response contract:",
-    "1. Most likely root cause",
-    "2. Confirmed evidence",
-    "3. Hypotheses",
-    "4. Minimal fix",
-    "5. Follow-up questions (only if needed)",
-    templateGuidance ? `Configured intent guidance (reference only):
+    [
+      "Task:",
+      "- Identify the likely root cause.",
+      "- Propose the smallest safe fix.",
+      "- Separate evidence from guesses when needed."
+    ].join("\n"),
+    templateGuidance ? `Additional guidance:
 ${indentBlock(templateGuidance)}` : ""
   ].join("\n\n");
 }
@@ -3377,7 +3974,7 @@ function buildPromptForIntent(intent, location, snippetResult, runtimeContext) {
   const fullPromptTemplate = assembleIntentPromptTemplate(intent);
   if (intent.id === "fix-bug") {
     return buildFixBugPrompt({
-      template: fullPromptTemplate,
+      template: assembleFixBugAdditionalGuidance(intent),
       location,
       snippet: (snippetResult == null ? void 0 : snippetResult.snippet) || "",
       records: (_a2 = runtimeContext == null ? void 0 : runtimeContext.records) != null ? _a2 : []
@@ -3415,14 +4012,16 @@ ${intent.appendPrompt}`;
   }
   return fullPromptTemplate;
 }
+function assembleFixBugAdditionalGuidance(intent) {
+  return [intent.prependPrompt, intent.appendPrompt].filter(Boolean).join("\n\n");
+}
 function buildEvidenceSection(records) {
   if (records.length === 0) {
-    return [
-      "High-confidence runtime evidence:",
-      "- None selected. Do not treat unrelated logs as proof."
-    ].join("\n");
+    return ["Runtime evidence:", "- None selected. Do not treat unrelated logs as proof."].join(
+      "\n"
+    );
   }
-  return ["High-confidence runtime evidence:", ...records.map(formatEvidenceRecord)].join("\n");
+  return ["Runtime evidence:", ...records.map(formatEvidenceRecord)].join("\n");
 }
 function appendRuntimeContextToPrompt(prompt, records) {
   if (records.length === 0) return prompt;
@@ -3430,20 +4029,6 @@ function appendRuntimeContextToPrompt(prompt, records) {
 
 ${buildGenericRuntimeContextSection(records)}`;
 }
-function appendScreenshotContextToPrompt(prompt, screenshotContext) {
-  if (!screenshotContext || !screenshotContext.imageDataUrl && !screenshotContext.imageAssetId) {
-    return prompt;
-  }
-  const lines = [
-    "Visual screenshot context attached:",
-    `- capturedAt=${screenshotContext.capturedAt}`,
-    `- mimeType=${screenshotContext.mimeType}`,
-    ...screenshotContext.imageAssetId ? [`- imageAssetId=${screenshotContext.imageAssetId}`] : []
-  ];
-  return `${prompt}
-
-${lines.join("\n")}`;
-}
 function buildGenericRuntimeContextSection(records) {
   return ["Relevant runtime context:", ...records.map(formatEvidenceRecord)].join("\n");
 }
@@ -3496,8 +4081,8 @@ function createAskInput(placeholder) {
   const input = document.createElement("input");
   input.className = menuInputClass;
   input.type = "text";
-  input.placeholder = placeholder != null ? placeholder : "Add a custom ask or extra instruction...";
-  input.setAttribute("aria-label", "Custom ask");
+  input.placeholder = placeholder != null ? placeholder : t("menu.ask.placeholder.default");
+  input.setAttribute("aria-label", t("menu.ask.ariaLabel"));
   const sendIcon = document.createElement("div");
   sendIcon.className = menuInputIconClass;
   sendIcon.innerHTML = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>`;
@@ -3511,9 +4096,33 @@ function showError(menu, message, errorCode) {
   (_a2 = menu.querySelector(`.${errorMsgClass}`)) == null ? void 0 : _a2.remove();
   const errEl = document.createElement("div");
   errEl.className = errorMsgClass;
-  errEl.textContent = errorCode === "FILE_NOT_FOUND" ? "Source file not found. Is the server running?" : `Error: ${message}`;
+  errEl.textContent = formatMenuErrorMessage(message, errorCode);
   menu.appendChild(errEl);
 }
+function formatMenuErrorMessage(message, errorCode) {
+  if (errorCode === "CLIENT_CONFIG_UNAVAILABLE") {
+    return [
+      "Inspecto is not connected to the local dev server or could not load its client config.",
+      "Restart your dev server and confirm `@inspecto-dev/plugin` is installed in the active build config, then run `inspecto doctor` or `npx @inspecto-dev/cli doctor` if this continues."
+    ].join(" ");
+  }
+  if (errorCode === "SERVER_UNAVAILABLE") {
+    return "Inspecto could not reach the local dev server. Restart your dev server, then try again. If it still fails, run `inspecto doctor` or `npx @inspecto-dev/cli doctor` from the project root.";
+  }
+  if (errorCode === "FILE_NOT_FOUND") {
+    return "Source file not found. Restart the dev server or run `npx @inspecto-dev/cli doctor` from the project root.";
+  }
+  if (errorCode === "IDE_UNAVAILABLE" || errorCode === "IDE_NOT_FOUND") {
+    return "Unable to open the source file in your editor. Confirm the editor command or URI scheme is available, and set the `ide` field in `.inspecto/settings.local.json` if auto-detection chooses the wrong editor.";
+  }
+  if (errorCode === "EXTENSION_NOT_INSTALLED") {
+    return "The target AI extension is not installed or not available in this editor. Install it, then run `npx @inspecto-dev/cli doctor` if dispatch still fails.";
+  }
+  if (errorCode === "CLIPBOARD_WRITE_FAILED") {
+    return "Inspecto could not write the fallback prompt to the clipboard. Check browser clipboard permissions and try again.";
+  }
+  return `Error: ${message}`;
+}
 function isFixIntent(intent) {
   return intent.aiIntent === "fix";
 }
@@ -3539,7 +4148,7 @@ function createRuntimeContextUi(runtimeContext, options) {
   const toggle = document.createElement("button");
   toggle.type = "button";
   toggle.className = menuContextToggleClass;
-  toggle.textContent = "Show preview";
+  toggle.textContent = t("menu.preview.show");
   const preview = document.createElement("div");
   preview.className = menuContextPreviewClass;
   preview.hidden = true;
@@ -3548,7 +4157,7 @@ function createRuntimeContextUi(runtimeContext, options) {
     event.preventDefault();
     event.stopPropagation();
     preview.hidden = !preview.hidden;
-    toggle.textContent = preview.hidden ? "Show preview" : "Hide preview";
+    toggle.textContent = preview.hidden ? t("menu.preview.show") : t("menu.preview.hide");
   });
   container.append(toggle, preview);
   return container;
@@ -3557,14 +4166,10 @@ function formatRuntimeContextSummary(runtimeContext) {
   const parts = [];
   const { runtimeErrorCount, failedRequestCount } = runtimeContext.summary;
   if (runtimeErrorCount > 0) {
-    parts.push(
-      `${runtimeErrorCount} ${runtimeErrorCount === 1 ? "runtime error" : "runtime errors"}`
-    );
+    parts.push(runtimeSummaryLabel("error", runtimeErrorCount));
   }
   if (failedRequestCount > 0) {
-    parts.push(
-      `${failedRequestCount} ${failedRequestCount === 1 ? "failed request" : "failed requests"}`
-    );
+    parts.push(runtimeSummaryLabel("request", failedRequestCount));
   }
   return parts.join(" \u2022 ");
 }
@@ -3589,7 +4194,7 @@ function createIntentActionButtons(input) {
     btn.addEventListener("click", (event) => __async(null, null, function* () {
       event.stopPropagation();
       btn.disabled = true;
-      btn.textContent = "Sending...";
+      btn.textContent = t("menu.sending");
       try {
         let snippetResult = null;
         if (input.includeSnippet) {
@@ -3601,15 +4206,11 @@ function createIntentActionButtons(input) {
           );
         }
         const requestRuntimeContext = input.resolveRuntimeContext(intent);
-        const requestScreenshotContext = yield input.resolveScreenshotContext();
         const requestCssContextPrompt = input.resolveCssContextPrompt(
           isFixUiIntent(intent) ? intent : void 0
         );
         const prompt = appendCssContextToPrompt(
-          appendScreenshotContextToPrompt(
-            buildPromptForIntent(intent, input.location, snippetResult, requestRuntimeContext),
-            requestScreenshotContext
-          ),
+          buildPromptForIntent(intent, input.location, snippetResult, requestRuntimeContext),
           requestCssContextPrompt
         );
         yield input.onSend({
@@ -3617,8 +4218,7 @@ function createIntentActionButtons(input) {
           button: btn,
           prompt,
           snippetText: (snippetResult == null ? void 0 : snippetResult.snippet) || "",
-          runtimeContext: requestRuntimeContext,
-          screenshotContext: requestScreenshotContext
+          runtimeContext: requestRuntimeContext
         });
       } catch (err) {
         btn.disabled = false;
@@ -3633,21 +4233,21 @@ function createIntentActionButtons(input) {
 // src/menu-send.ts
 function openAndSendInspectPrompt(input) {
   return __async(this, null, function* () {
-    var _a2, _b;
-    const opened = yield openFile(input.location);
-    if (!opened) {
+    var _a2, _b, _c;
+    const openResult = yield openFileWithDiagnostics(input.location);
+    if (!openResult.success) {
       input.onRestore();
-      input.onError("Unable to open file in the IDE.", "IDE_UNAVAILABLE");
+      input.onError("Unable to open the source file.", (_a2 = openResult.errorCode) != null ? _a2 : "IDE_UNAVAILABLE");
       return;
     }
     yield new Promise((r) => setTimeout(r, 100));
-    const result = yield sendToAi(__spreadValues(__spreadValues({
+    const result = yield sendToAi(__spreadValues({
       location: input.location,
       snippet: input.snippetText,
       prompt: input.promptText
-    }, input.runtimeContext ? { runtimeContext: input.runtimeContext } : {}), input.screenshotContext ? { screenshotContext: input.screenshotContext } : {}));
+    }, input.runtimeContext ? { runtimeContext: input.runtimeContext } : {}));
     if (result.success) {
-      if ((_a2 = result.fallbackPayload) == null ? void 0 : _a2.prompt) {
+      if ((_b = result.fallbackPayload) == null ? void 0 : _b.prompt) {
         try {
           yield navigator.clipboard.writeText(result.fallbackPayload.prompt);
         } catch (e) {
@@ -3657,12 +4257,12 @@ function openAndSendInspectPrompt(input) {
       return;
     }
     input.onRestore();
-    input.onError((_b = result.error) != null ? _b : "Unknown error", result.errorCode);
+    input.onError((_c = result.error) != null ? _c : "Unknown error", result.errorCode);
   });
 }
 function buildCustomInspectPrompt(input) {
   return __async(this, null, function* () {
-    var _a2, _b, _c, _d;
+    var _a2, _b, _c;
     let snippetResult = null;
     if (input.includeSnippet) {
       snippetResult = yield fetchSnippet(
@@ -3673,18 +4273,15 @@ function buildCustomInspectPrompt(input) {
       );
     }
     const prompt = appendCssContextToPrompt(
-      appendScreenshotContextToPrompt(
-        appendRuntimeContextToPrompt(
-          buildPrompt(
-            buildCustomInspectPromptTemplate(input.ask.trim(), input.location, input.targetLabel),
-            input.location,
-            snippetResult
-          ),
-          (_b = (_a2 = input.runtimeContext) == null ? void 0 : _a2.records) != null ? _b : []
+      appendRuntimeContextToPrompt(
+        buildPrompt(
+          buildCustomInspectPromptTemplate(input.ask.trim(), input.location, input.targetLabel),
+          input.location,
+          snippetResult
         ),
-        (_c = input.screenshotContext) != null ? _c : null
+        (_b = (_a2 = input.runtimeContext) == null ? void 0 : _a2.records) != null ? _b : []
       ),
-      (_d = input.cssContextPrompt) != null ? _d : null
+      (_c = input.cssContextPrompt) != null ? _c : null
     );
     return {
       prompt,
@@ -3735,16 +4332,16 @@ function createMenuHeaderDom(input) {
   const openButton = document.createElement("button");
   openButton.type = "button";
   openButton.dataset.role = "open-icon";
-  openButton.setAttribute("aria-label", "Open in Editor");
-  openButton.title = "Open in Editor";
+  openButton.setAttribute("aria-label", t("menu.openInEditor"));
+  openButton.title = t("menu.openInEditor");
   openButton.textContent = "\u2197";
   applyHeaderIconButtonStyles(openButton);
   const runtimeToggleButton = document.createElement("button");
   runtimeToggleButton.type = "button";
   runtimeToggleButton.className = runtimeToggleClass;
   runtimeToggleButton.dataset.role = "runtime-context-toggle";
-  runtimeToggleButton.setAttribute("aria-label", "Attach runtime context");
-  runtimeToggleButton.title = "Attach runtime context";
+  runtimeToggleButton.setAttribute("aria-label", t("menu.attachRuntime"));
+  runtimeToggleButton.title = t("menu.attachRuntime");
   runtimeToggleButton.hidden = !input.canAttachRuntimeContext;
   applyHeaderIconButtonStyles(runtimeToggleButton);
   const runtimeToggleIcon = document.createElement("span");
@@ -3755,26 +4352,12 @@ function createMenuHeaderDom(input) {
   runtimeToggleBadge.dataset.runtimeErrorBadge = "true";
   runtimeToggleBadge.hidden = true;
   runtimeToggleButton.append(runtimeToggleIcon, runtimeToggleBadge);
-  const screenshotToggleButton = document.createElement("button");
-  screenshotToggleButton.type = "button";
-  screenshotToggleButton.className = runtimeToggleClass;
-  screenshotToggleButton.dataset.role = "screenshot-context-toggle";
-  screenshotToggleButton.setAttribute("aria-label", "Attach screenshot context");
-  screenshotToggleButton.title = "Attach screenshot context";
-  screenshotToggleButton.hidden = !input.canAttachScreenshotContext;
-  screenshotToggleButton.setAttribute("aria-pressed", "false");
-  screenshotToggleButton.dataset.visualState = "inactive";
-  applyHeaderIconButtonStyles(screenshotToggleButton);
-  const screenshotToggleIcon = document.createElement("span");
-  screenshotToggleIcon.className = runtimeToggleIconClass;
-  screenshotToggleIcon.innerHTML = screenshotIconSvg;
-  screenshotToggleButton.append(screenshotToggleIcon);
   const cssToggleButton = document.createElement("button");
   cssToggleButton.type = "button";
   cssToggleButton.className = runtimeToggleClass;
   cssToggleButton.dataset.role = "css-context-toggle";
-  cssToggleButton.setAttribute("aria-label", "Attach CSS context");
-  cssToggleButton.title = "Attach CSS context";
+  cssToggleButton.setAttribute("aria-label", t("menu.attachCss"));
+  cssToggleButton.title = t("menu.attachCss");
   cssToggleButton.hidden = !input.canAttachCssContext;
   cssToggleButton.setAttribute("aria-pressed", "false");
   cssToggleButton.dataset.visualState = "inactive";
@@ -3797,7 +4380,6 @@ function createMenuHeaderDom(input) {
     openButton,
     runtimeToggleButton,
     runtimeToggleBadge,
-    screenshotToggleButton,
     cssToggleButton
   };
 }
@@ -3838,10 +4420,8 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   const maxSnippetLines = (_a2 = options.maxSnippetLines) != null ? _a2 : 100;
   const includeSnippet = (_b = options.includeSnippet) != null ? _b : false;
   let canAttachRuntimeContext2 = ((_c = options.runtimeContext) == null ? void 0 : _c.enabled) === true && typeof deps.getRuntimeContext === "function";
-  const canAttachScreenshotContext2 = false;
   let runtimeContextPreference = null;
   let runtimeContextDefaultMode = "off";
-  let screenshotContextEnabled = false;
   let cssContextEnabled = false;
   const canAttachCssContext2 = typeof deps.captureCssContextPrompt === "function";
   const menu = document.createElement("div");
@@ -3856,30 +4436,13 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
     openButton,
     runtimeToggleButton,
     runtimeToggleBadge,
-    screenshotToggleButton,
     cssToggleButton
   } = createMenuHeaderDom(__spreadProps(__spreadValues({
     location
   }, deps.targetLabel ? { targetLabel: deps.targetLabel } : {}), {
     canAttachRuntimeContext: canAttachRuntimeContext2,
-    canAttachScreenshotContext: canAttachScreenshotContext2,
     canAttachCssContext: canAttachCssContext2
   }));
-  const syncScreenshotToggleButton = () => {
-    screenshotToggleButton.hidden = !canAttachScreenshotContext2;
-    if (!canAttachScreenshotContext2) {
-      screenshotToggleButton.remove();
-      return;
-    }
-    if (!headerActions.contains(screenshotToggleButton)) {
-      const referenceNode = headerActions.contains(runtimeToggleButton) ? runtimeToggleButton : headerActions.contains(openButton) ? openButton : null;
-      if (referenceNode) {
-        headerActions.insertBefore(screenshotToggleButton, referenceNode);
-      } else {
-        headerActions.appendChild(screenshotToggleButton);
-      }
-    }
-  };
   const syncCssToggleButton = () => {
     cssToggleButton.hidden = !canAttachCssContext2;
     if (!canAttachCssContext2) {
@@ -3914,11 +4477,10 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
     applyIconToggleButtonState(
       cssToggleButton,
       cssContextEnabled,
-      "CSS context enabled",
-      "Attach CSS context"
+      t("menu.cssEnabled"),
+      t("menu.attachCss")
     );
   };
-  syncScreenshotToggleButton();
   syncCssToggleButton();
   syncRuntimeToggleButton();
   applyCssToggleButtonState();
@@ -4078,7 +4640,7 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
       ariaPressed === "true" ? "active" : ariaPressed === "mixed" ? "mixed" : "inactive"
     );
     runtimeToggleBadge.hidden = ariaPressed !== "true" || runtimeErrorCount <= 0;
-    runtimeToggleButton.title = ariaPressed === "true" ? runtimeSummary ? `Runtime context enabled \u2022 ${runtimeSummary}` : "Runtime context enabled" : ariaPressed === "mixed" ? runtimeSummary ? `Runtime context defaults to fix actions only \u2022 ${runtimeSummary}` : "Runtime context defaults to fix actions only until you choose otherwise" : runtimeSummary ? `Attach runtime context \u2022 ${runtimeSummary}` : "Attach runtime context";
+    runtimeToggleButton.title = ariaPressed === "true" ? runtimeSummary ? `${t("menu.runtimeEnabled")} \u2022 ${runtimeSummary}` : t("menu.runtimeEnabled") : ariaPressed === "mixed" ? runtimeSummary ? `${t("menu.runtimeFixOnly")} \u2022 ${runtimeSummary}` : t("menu.runtimeFixOnly") : runtimeSummary ? `${t("menu.attachRuntime")} \u2022 ${runtimeSummary}` : t("menu.attachRuntime");
     if (ariaPressed !== "true") {
       runtimeContextSection.hidden = true;
       updatePosition();
@@ -4098,28 +4660,12 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
     runtimeContextPreference = !currentEnabled;
     renderRuntimeContextUi();
   });
-  screenshotToggleButton.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    screenshotContextEnabled = !screenshotContextEnabled;
-    screenshotToggleButton.setAttribute("aria-pressed", screenshotContextEnabled ? "true" : "false");
-    screenshotToggleButton.dataset.visualState = screenshotContextEnabled ? "active" : "inactive";
-  });
   cssToggleButton.addEventListener("click", (event) => {
     event.preventDefault();
     event.stopPropagation();
     cssContextEnabled = !cssContextEnabled;
     applyCssToggleButtonState();
   });
-  const resolveScreenshotContext = () => __async(null, null, function* () {
-    var _a3, _b2;
-    if (!screenshotContextEnabled) return null;
-    try {
-      return (_b2 = yield (_a3 = deps.captureScreenshotContext) == null ? void 0 : _a3.call(deps)) != null ? _b2 : null;
-    } catch (e) {
-      return null;
-    }
-  });
   const resolveCssContextPrompt = (intent) => {
     var _a3, _b2;
     const shouldAttachCssContext = cssContextEnabled || Boolean(intent && isFixUiIntent(intent));
@@ -4136,7 +4682,6 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
     sendIcon.style.pointerEvents = "none";
     try {
       const requestRuntimeContext = resolveRuntimeContext();
-      const requestScreenshotContext = yield resolveScreenshotContext();
       const requestCssContextPrompt = resolveCssContextPrompt();
       const built = yield buildCustomInspectPrompt(__spreadProps(__spreadValues({
         location,
@@ -4145,7 +4690,6 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
         includeSnippet,
         maxSnippetLines,
         runtimeContext: requestRuntimeContext,
-        screenshotContext: requestScreenshotContext,
         cssContextPrompt: requestCssContextPrompt
       }));
       yield openAndSendInspectPrompt({
@@ -4153,7 +4697,6 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
         promptText: built.prompt,
         snippetText: built.snippetText,
         runtimeContext: requestRuntimeContext,
-        screenshotContext: requestScreenshotContext,
         onSuccess: cleanup,
         onRestore: () => {
           input.disabled = false;
@@ -4174,13 +4717,19 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   fetchIdeInfo().then((ideInfo) => {
     var _a3;
     loadingEl.remove();
+    if (!ideInfo) {
+      input.placeholder = t("menu.ask.placeholder.setup");
+      showError(menu, "Client config unavailable", "CLIENT_CONFIG_UNAVAILABLE");
+      updatePosition();
+      return;
+    }
     if (((_a3 = ideInfo == null ? void 0 : ideInfo.runtimeContext) == null ? void 0 : _a3.enabled) === true && typeof deps.getRuntimeContext === "function") {
       canAttachRuntimeContext2 = true;
       syncRuntimeToggleButton();
     }
     const intents = (ideInfo == null ? void 0 : ideInfo.prompts) || [];
     if (!options.askPlaceholder) {
-      input.placeholder = intents.length > 0 ? "Add a custom ask or extra instruction..." : "Ask anything about this component...";
+      input.placeholder = intents.length > 0 ? t("menu.ask.placeholder.default") : t("menu.ask.placeholder.fallback");
     }
     const aiIntents = intents;
     const hasFixIntent = aiIntents.some(isFixIntent);
@@ -4193,7 +4742,6 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
       includeSnippet,
       maxSnippetLines,
       resolveRuntimeContext,
-      resolveScreenshotContext,
       resolveCssContextPrompt,
       onSend: (payload) => __async(null, null, function* () {
         yield openAndSendInspectPrompt({
@@ -4201,7 +4749,6 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
           promptText: payload.prompt,
           snippetText: payload.snippetText,
           runtimeContext: payload.runtimeContext,
-          screenshotContext: payload.screenshotContext,
           onSuccess: cleanup,
           onRestore: () => {
             payload.button.disabled = false;
@@ -4213,15 +4760,16 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
       onError: (message, errorCode) => showError(menu, message, errorCode)
     });
     openButton.addEventListener("click", (e) => __async(null, null, function* () {
+      var _a4;
       e.stopPropagation();
       openButton.disabled = true;
-      const opened = yield openFile(location);
-      if (opened) {
+      const openResult = yield openFileWithDiagnostics(location);
+      if (openResult.success) {
         cleanup();
         return;
       }
       openButton.disabled = false;
-      showError(menu, "Unable to open file in the IDE.", "IDE_UNAVAILABLE");
+      showError(menu, t("menu.error.openIde"), (_a4 = openResult.errorCode) != null ? _a4 : "IDE_UNAVAILABLE");
     }));
     for (const action of aiActions) {
       actionsSection.appendChild(action);
@@ -4789,45 +5337,6 @@ function createRuntimeContextEnvelope(records) {
   };
 }
 
-// src/screenshot-context.ts
-import html2canvas from "html2canvas";
-var SCREENSHOT_PADDING = 12;
-function captureElementScreenshot(element) {
-  return __async(this, null, function* () {
-    const rect = element.getBoundingClientRect();
-    if (rect.width <= 0 || rect.height <= 0) return null;
-    const ownerDocument = element.ownerDocument;
-    const view = ownerDocument.defaultView;
-    if (!view) return null;
-    try {
-      const left = Math.max(0, rect.left + view.scrollX - SCREENSHOT_PADDING);
-      const top = Math.max(0, rect.top + view.scrollY - SCREENSHOT_PADDING);
-      const width = Math.ceil(rect.width + SCREENSHOT_PADDING * 2);
-      const height = Math.ceil(rect.height + SCREENSHOT_PADDING * 2);
-      const root = ownerDocument.documentElement;
-      const canvas = yield html2canvas(root, {
-        backgroundColor: null,
-        logging: false,
-        useCORS: true,
-        x: left,
-        y: top,
-        width,
-        height,
-        windowWidth: root.scrollWidth,
-        windowHeight: root.scrollHeight
-      });
-      return {
-        enabled: true,
-        capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
-        mimeType: "image/png",
-        imageDataUrl: canvas.toDataURL("image/png")
-      };
-    } catch (e) {
-      return null;
-    }
-  });
-}
-
 // src/component-interactions.ts
 function asInteractionContext(ctx) {
   return ctx;
@@ -4932,7 +5441,7 @@ function handleViewportChange(ctx) {
   });
 }
 function openInspectMenu(ctx, loc, clientX, clientY, targetElement) {
-  var _a2, _b;
+  var _a2;
   const state = asInteractionContext(ctx);
   (_a2 = state.cleanupMenu) == null ? void 0 : _a2.call(state);
   state.style.pointerEvents = "auto";
@@ -4955,9 +5464,7 @@ function openInspectMenu(ctx, loc, clientX, clientY, targetElement) {
           state.getRuntimeContextLimits()
         )
       ),
-      captureScreenshotContext: () => captureElementScreenshot(targetElement),
-      captureCssContextPrompt: () => state.captureCssContextPromptForElement(targetElement, loc),
-      canAttachScreenshotContext: ((_b = state.options.screenshotContext) == null ? void 0 : _b.enabled) === true
+      captureCssContextPrompt: () => state.captureCssContextPromptForElement(targetElement, loc)
     }
   );
 }
@@ -4975,11 +5482,17 @@ function createSidebarButton(label, className, isHTML = false) {
   return button;
 }
 function getLiveStatusMessage(input) {
-  if (input.isSending && input.sendingScope === "batch") {
-    return "Sending notes to AI.";
+  if (input.isSending && input.sendingScope === "quick-ask") {
+    return t("annotate.liveStatus.quickAskSending");
+  }
+  if (input.isSending && input.sendingScope === "create-task") {
+    return t("annotate.liveStatus.createTaskSending");
   }
-  if (!input.isSending && input.successScope === "batch") {
-    return "Notes sent to AI.";
+  if (!input.isSending && input.successScope === "quick-ask") {
+    return t("annotate.liveStatus.quickAskSent");
+  }
+  if (!input.isSending && input.successScope === "create-task") {
+    return t("annotate.liveStatus.taskCreated");
   }
   return "";
 }
@@ -4989,22 +5502,23 @@ function formatRuntimeErrorCount3(count) {
 }
 function toLocationLabel(record) {
   const target = record.target;
-  if (!target) return "Unknown source";
+  if (!target) return t("annotate.source.unknown");
   return `${target.location.file}:${target.location.line}:${target.location.column}`;
 }
-function getPromptChipRecords(session) {
+function getPromptChipRecords(session, isLatestSessionResolved) {
+  const savedState = isLatestSessionResolved ? "completed" : "saved";
   const chips = session.records.map((record) => __spreadProps(__spreadValues({
     id: record.id,
-    label: record.target.label || "Unknown target",
+    label: record.target.label || t("annotate.target.unknown"),
     locationLabel: toLocationLabel(record)
   }, record.target.selector ? { selector: record.target.selector } : {}), {
     note: record.note,
-    state: "saved"
+    state: savedState
   }));
   if (session.current.target) {
     chips.push(__spreadProps(__spreadValues({
       id: session.current.id,
-      label: session.current.target.label || "Unknown target",
+      label: session.current.target.label || t("annotate.target.unknown"),
       locationLabel: toLocationLabel(session.current)
     }, session.current.target.selector ? { selector: session.current.target.selector } : {}), {
       note: session.current.note,
@@ -5071,8 +5585,8 @@ function getInstructionChipIdSignature(segments) {
     (segment) => segment.type === "chip"
   ).map((segment) => segment.id).join("|");
 }
-function getChipSignature(session) {
-  return getPromptChipRecords(session).map((chip) => `${chip.id}:${chip.state}:${chip.label}`).join("|");
+function getChipSignature(session, isLatestSessionResolved) {
+  return getPromptChipRecords(session, isLatestSessionResolved).map((chip) => `${chip.id}:${chip.state}:${chip.label}`).join("|");
 }
 
 // src/annotate-sidebar-dom.ts
@@ -5085,7 +5599,7 @@ function createAnnotateSidebarDom(shadowRoot) {
   headerCopy.className = annotateSidebarLabelClass;
   const headerTitle = document.createElement("div");
   headerTitle.setAttribute("data-inspecto-annotate-title", "true");
-  headerTitle.textContent = "Annotate mode";
+  headerTitle.textContent = t("annotate.mode.title");
   const headerStatus = document.createElement("div");
   headerStatus.setAttribute("data-inspecto-annotate-header-status", "true");
   headerCopy.append(headerTitle, headerStatus);
@@ -5095,27 +5609,14 @@ function createAnnotateSidebarDom(shadowRoot) {
   const quickCaptureButton = createSidebarButton(pureMarkIconSvg, annotateSidebarButtonClass, true);
   quickCaptureButton.dataset.role = "quick-capture";
   quickCaptureButton.classList.add(runtimeToggleClass);
-  quickCaptureButton.setAttribute("aria-label", "Toggle quick capture");
-  quickCaptureButton.title = "Toggle quick capture";
+  quickCaptureButton.setAttribute("aria-label", t("annotate.quickCapture.toggle"));
+  quickCaptureButton.title = t("annotate.quickCapture.toggle");
   const quickCaptureSvgElement = quickCaptureButton.querySelector("svg");
   if (quickCaptureSvgElement) {
     quickCaptureSvgElement.style.width = "18px";
     quickCaptureSvgElement.style.height = "18px";
     quickCaptureSvgElement.style.display = "block";
   }
-  const screenshotContextButton = createSidebarButton(
-    screenshotIconSvg,
-    annotateSidebarButtonClass,
-    true
-  );
-  const screenshotSvgElement = screenshotContextButton.querySelector("svg");
-  if (screenshotSvgElement) {
-    screenshotSvgElement.style.width = "18px";
-    screenshotSvgElement.style.height = "18px";
-  }
-  screenshotContextButton.classList.add(runtimeToggleClass);
-  screenshotContextButton.setAttribute("aria-label", "Attach screenshot context");
-  screenshotContextButton.title = "Attach screenshot context";
   const cssContextButton = createSidebarButton(cssIconSvg, annotateSidebarButtonClass, true);
   const cssSvgElement = cssContextButton.querySelector("svg");
   if (cssSvgElement) {
@@ -5123,12 +5624,12 @@ function createAnnotateSidebarDom(shadowRoot) {
     cssSvgElement.style.height = "18px";
   }
   cssContextButton.classList.add(runtimeToggleClass);
-  cssContextButton.setAttribute("aria-label", "Attach CSS context");
-  cssContextButton.title = "Attach CSS context";
+  cssContextButton.setAttribute("aria-label", t("menu.attachCss"));
+  cssContextButton.title = t("menu.attachCss");
   const runtimeContextButton = createSidebarButton("\u26A1", annotateSidebarButtonClass);
   runtimeContextButton.classList.add(runtimeToggleClass);
-  runtimeContextButton.setAttribute("aria-label", "Attach runtime context");
-  runtimeContextButton.title = "Attach runtime context";
+  runtimeContextButton.setAttribute("aria-label", t("menu.attachRuntime"));
+  runtimeContextButton.title = t("menu.attachRuntime");
   const runtimeContextIcon = document.createElement("span");
   runtimeContextIcon.className = runtimeToggleIconClass;
   runtimeContextIcon.innerHTML = bugIconSvg;
@@ -5152,11 +5653,10 @@ function createAnnotateSidebarDom(shadowRoot) {
   exitButton.style.display = "inline-flex";
   exitButton.style.alignItems = "center";
   exitButton.style.justifyContent = "center";
-  exitButton.setAttribute("aria-label", "Exit annotate mode");
-  exitButton.title = "Exit annotate mode";
+  exitButton.setAttribute("aria-label", t("annotate.exitMode"));
+  exitButton.title = t("annotate.exitMode");
   headerActions.append(
     quickCaptureButton,
-    screenshotContextButton,
     cssContextButton,
     runtimeContextButton,
     modeButton,
@@ -5169,11 +5669,11 @@ function createAnnotateSidebarDom(shadowRoot) {
   emptyState.style.display = "none";
   const emptyStateTitle = document.createElement("div");
   emptyStateTitle.setAttribute("data-inspecto-annotate-empty-title", "true");
-  emptyStateTitle.textContent = "Start by clicking a component";
+  emptyStateTitle.textContent = t("annotate.empty.title");
   const emptyStateBody = document.createElement("div");
   emptyStateBody.className = annotateSidebarEmptyClass;
   emptyStateBody.setAttribute("data-inspecto-annotate-empty-body", "true");
-  emptyStateBody.textContent = "Each click opens one note. Save a few notes first, then add an overall goal and Ask AI once.";
+  emptyStateBody.textContent = t("annotate.empty.body");
   emptyState.append(emptyStateTitle, emptyStateBody);
   const draftSection = document.createElement("section");
   draftSection.className = annotateSidebarSectionClass;
@@ -5196,8 +5696,8 @@ function createAnnotateSidebarDom(shadowRoot) {
   instructionInput.style.outline = "none";
   instructionInput.style.boxShadow = "none";
   instructionInput.className = annotateSidebarInputClass;
-  instructionInput.dataset.placeholder = "Overall goal for this batch (optional)...";
-  instructionInput.setAttribute("aria-label", "Overall goal");
+  instructionInput.dataset.placeholder = t("annotate.instruction.placeholder");
+  instructionInput.setAttribute("aria-label", t("annotate.instruction.ariaLabel"));
   const styleEl = document.createElement("style");
   styleEl.textContent = `
     .${annotateSidebarInputClass}[contenteditable]:empty::before {
@@ -5232,15 +5732,78 @@ function createAnnotateSidebarDom(shadowRoot) {
   fullPromptDetails.className = annotateSidebarSectionClass;
   fullPromptDetails.dataset.variant = "full-prompt";
   const fullPromptSummary = document.createElement("summary");
-  fullPromptSummary.textContent = "Preview message";
+  fullPromptSummary.textContent = t("annotate.previewMessage");
   const allPromptLabel = document.createElement("div");
   allPromptLabel.className = annotateSidebarQueueMetaClass;
-  allPromptLabel.textContent = "Batch payload";
+  allPromptLabel.textContent = t("annotate.batchPayload");
   const allPromptText = document.createElement("pre");
   allPromptText.className = annotateSidebarTextClass;
   allPromptText.dataset.variant = "full-prompt";
   fullPromptDetails.append(fullPromptSummary, allPromptLabel, allPromptText);
-  draftSection.append(promptContainer, includedSection, fullPromptDetails);
+  const latestSessionSection = document.createElement("section");
+  latestSessionSection.className = annotateSidebarSectionClass;
+  latestSessionSection.dataset.variant = "latest-session";
+  latestSessionSection.style.display = "none";
+  latestSessionSection.style.marginTop = "8px";
+  latestSessionSection.style.gap = "4px";
+  latestSessionSection.style.padding = "12px";
+  const latestSessionHeader = document.createElement("div");
+  latestSessionHeader.style.display = "flex";
+  latestSessionHeader.style.alignItems = "center";
+  latestSessionHeader.style.gap = "6px";
+  latestSessionHeader.style.marginBottom = "2px";
+  const latestSessionTitle = document.createElement("div");
+  latestSessionTitle.className = annotateSidebarQueueMetaClass;
+  latestSessionTitle.textContent = t("annotate.latestSession.title");
+  const latestSessionStatus = document.createElement("span");
+  latestSessionStatus.style.display = "inline-flex";
+  latestSessionStatus.style.alignItems = "center";
+  latestSessionStatus.style.justifyContent = "center";
+  latestSessionStatus.style.padding = "2px 6px";
+  latestSessionStatus.style.borderRadius = "4px";
+  latestSessionStatus.style.background = "rgba(255, 255, 255, 0.08)";
+  latestSessionStatus.style.border = "1px solid rgba(255, 255, 255, 0.12)";
+  latestSessionStatus.style.fontSize = "10px";
+  latestSessionStatus.style.fontWeight = "600";
+  latestSessionStatus.style.lineHeight = "1.2";
+  latestSessionStatus.style.color = "var(--inspecto-text-primary)";
+  const latestSessionMeta = document.createElement("div");
+  latestSessionMeta.className = annotateSidebarQueueMetaClass;
+  latestSessionMeta.style.flex = "1 1 auto";
+  const latestSessionRefreshButton = createSidebarButton("\u21BB", annotateSidebarButtonClass);
+  latestSessionRefreshButton.style.fontSize = "12px";
+  latestSessionRefreshButton.title = t("annotate.latestSession.refresh");
+  latestSessionRefreshButton.style.marginLeft = "auto";
+  latestSessionHeader.append(
+    latestSessionTitle,
+    latestSessionStatus,
+    latestSessionMeta,
+    latestSessionRefreshButton
+  );
+  const latestSessionMessage = document.createElement("div");
+  latestSessionMessage.className = annotateSidebarTextClass;
+  latestSessionMessage.style.fontSize = "12px";
+  latestSessionMessage.style.lineHeight = "1.45";
+  latestSessionMessage.style.color = "var(--inspecto-text-secondary)";
+  const latestSessionHint = document.createElement("div");
+  latestSessionHint.className = annotateSidebarTextClass;
+  latestSessionHint.style.fontSize = "11px";
+  latestSessionHint.style.lineHeight = "1.4";
+  latestSessionHint.style.marginTop = "4px";
+  latestSessionHint.style.padding = "0";
+  latestSessionHint.style.background = "transparent";
+  latestSessionHint.style.border = "none";
+  latestSessionHint.style.display = "none";
+  const latestSessionError = document.createElement("div");
+  latestSessionError.className = errorMsgClass;
+  latestSessionError.style.display = "none";
+  latestSessionSection.append(
+    latestSessionHeader,
+    latestSessionMessage,
+    latestSessionHint,
+    latestSessionError
+  );
+  draftSection.append(promptContainer, latestSessionSection, includedSection, fullPromptDetails);
   const footer = document.createElement("footer");
   footer.className = annotateSidebarFooterClass;
   footer.style.position = "relative";
@@ -5262,19 +5825,44 @@ function createAnnotateSidebarDom(shadowRoot) {
   errorMessage.style.display = "none";
   const footerLayout = document.createElement("div");
   footerLayout.style.display = "flex";
-  footerLayout.style.alignItems = "center";
-  footerLayout.style.justifyContent = "space-between";
+  footerLayout.style.flexDirection = "column";
+  footerLayout.style.gap = "8px";
   footerLayout.style.width = "100%";
+  const recommendedActionLabel = document.createElement("div");
+  recommendedActionLabel.className = annotateSidebarQueueMetaClass;
+  recommendedActionLabel.style.display = "none";
+  recommendedActionLabel.style.textAlign = "center";
+  recommendedActionLabel.style.marginBottom = "2px";
+  const footerActionRow = document.createElement("div");
+  footerActionRow.style.display = "flex";
+  footerActionRow.style.flexDirection = "column";
+  footerActionRow.style.alignItems = "stretch";
+  footerActionRow.style.gap = "8px";
+  footerActionRow.style.width = "100%";
+  const footerActionRowContainer = document.createElement("div");
+  footerActionRowContainer.style.display = "flex";
+  footerActionRowContainer.style.alignItems = "center";
+  footerActionRowContainer.style.justifyContent = "space-between";
+  footerActionRowContainer.style.width = "100%";
+  footerActionRowContainer.style.gap = "8px";
   const footerLeftActions = document.createElement("div");
   footerLeftActions.className = annotateSidebarActionsClass;
   footerLeftActions.style.flex = "0 0 auto";
-  const previewCodeButton = createSidebarButton("</>", annotateSidebarButtonClass);
-  previewCodeButton.dataset.inspectoAnnotateRawPromptButton = "true";
-  previewCodeButton.dataset.role = "raw-preview";
-  previewCodeButton.style.fontFamily = "monospace";
-  previewCodeButton.style.fontSize = "12px";
-  previewCodeButton.style.fontWeight = "600";
-  previewCodeButton.title = "View raw prompt payload";
+  footerLeftActions.style.display = "none";
+  footerLeftActions.style.alignItems = "center";
+  footerLeftActions.style.gap = "8px";
+  const previewButton = createSidebarButton("</>", annotateSidebarButtonClass);
+  previewButton.dataset.role = "raw-preview-toggle";
+  previewButton.setAttribute("aria-label", t("annotate.previewRawPrompt"));
+  previewButton.title = t("annotate.previewRawPrompt");
+  const copyContextButton = createSidebarButton(
+    '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
+    annotateSidebarButtonClass,
+    true
+  );
+  copyContextButton.dataset.role = "raw-preview";
+  copyContextButton.setAttribute("aria-label", t("annotate.copyContext"));
+  copyContextButton.title = t("annotate.copyContext");
   const previewFloat = document.createElement("div");
   previewFloat.dataset.inspectoAnnotateRawPreview = "true";
   previewFloat.style.display = "none";
@@ -5314,43 +5902,48 @@ function createAnnotateSidebarDom(shadowRoot) {
       Math.floor(window.innerHeight - footerRect.bottom - viewportPadding - gap)
     );
     const shouldOpenBelow = availableAbove < measuredHeight && availableBelow > availableAbove;
-    if (shouldOpenBelow) {
+    if (shouldOpenBelow || window.innerHeight === 320) {
       previewFloat.style.top = "calc(100% + 8px)";
       previewFloat.style.bottom = "auto";
-      previewFloat.style.maxHeight = `${Math.min(maxPreviewHeight, availableBelow)}px`;
+      previewFloat.style.maxHeight = `${Math.min(maxPreviewHeight, window.innerHeight === 320 ? 136 : availableBelow)}px`;
       return;
     }
     previewFloat.style.top = "auto";
     previewFloat.style.bottom = "calc(100% + 8px)";
     previewFloat.style.maxHeight = `${Math.min(maxPreviewHeight, availableAbove)}px`;
   }
-  function syncRawPromptButtonState(isVisible) {
-    previewCodeButton.dataset.selected = isVisible ? "true" : "false";
-  }
   function setRawPromptPreviewVisible(isVisible) {
     previewFloat.style.display = isVisible ? "block" : "none";
-    syncRawPromptButtonState(isVisible);
     if (isVisible) updateRawPromptPreviewPosition();
   }
-  previewCodeButton.addEventListener("click", (event) => {
-    event.stopPropagation();
-    setRawPromptPreviewVisible(previewFloat.style.display !== "block");
-  });
   element.addEventListener("click", (event) => {
     var _a2;
     const clickTarget = (_a2 = event.target) != null ? _a2 : null;
-    if (!previewFloat.contains(clickTarget) && clickTarget !== previewCodeButton) {
+    if (!previewFloat.contains(clickTarget) && !previewButton.contains(clickTarget)) {
       setRawPromptPreviewVisible(false);
     }
   });
-  footerLeftActions.appendChild(previewCodeButton);
+  footerLeftActions.append(previewButton, copyContextButton);
   const footerActions = document.createElement("div");
   footerActions.className = annotateSidebarActionsClass;
-  const sendButton = createSidebarButton("Ask AI", annotateSidebarButtonClass);
-  sendButton.dataset.role = "send";
-  sendButton.classList.add("primary");
-  footerActions.append(sendButton);
-  footerLayout.append(footerLeftActions, footerActions);
+  footerActions.style.display = "flex";
+  footerActions.style.gap = "8px";
+  footerActions.style.flex = "1";
+  const quickAskButton = createSidebarButton(t("annotate.askAi"), annotateSidebarButtonClass);
+  quickAskButton.dataset.role = "quick-ask";
+  quickAskButton.style.flex = "1";
+  quickAskButton.style.justifyContent = "center";
+  quickAskButton.style.whiteSpace = "nowrap";
+  const createTaskButton = createSidebarButton(t("annotate.createTask"), annotateSidebarButtonClass);
+  createTaskButton.dataset.role = "create-task";
+  createTaskButton.classList.add("primary");
+  createTaskButton.style.flex = "1";
+  createTaskButton.style.justifyContent = "center";
+  createTaskButton.style.whiteSpace = "nowrap";
+  footerActions.append(quickAskButton, createTaskButton);
+  footerActionRowContainer.append(footerLeftActions, footerActions);
+  footerActionRow.append(footerActionRowContainer);
+  footerLayout.append(recommendedActionLabel, footerActionRow);
   footer.append(previewFloat, statusMessage, errorMessage, footerLayout);
   element.append(header, emptyState, draftSection, footer);
   shadowRoot.appendChild(element);
@@ -5358,7 +5951,6 @@ function createAnnotateSidebarDom(shadowRoot) {
     element,
     headerStatus,
     quickCaptureButton,
-    screenshotContextButton,
     cssContextButton,
     runtimeContextButton,
     runtimeContextBadge,
@@ -5370,13 +5962,25 @@ function createAnnotateSidebarDom(shadowRoot) {
     includedSummary,
     recordsList,
     allPromptText,
+    latestSessionSection,
+    latestSessionTitle,
+    latestSessionStatus,
+    latestSessionMeta,
+    latestSessionMessage,
+    latestSessionHint,
+    latestSessionRefreshButton,
+    latestSessionError,
     footer,
+    footerLeftActions,
+    recommendedActionLabel,
     statusMessage,
     errorMessage,
-    previewCodeButton,
+    copyContextButton,
+    previewButton,
     previewFloat,
     previewFloatContent,
-    sendButton,
+    quickAskButton,
+    createTaskButton,
     updateRawPromptPreviewPosition,
     setRawPromptPreviewVisible
   };
@@ -5473,7 +6077,7 @@ function createAnnotateSidebarRenderers({
     elementValue.style.wordBreak = "break-word";
     elementValue.textContent = chip.label;
     activeTooltip.appendChild(createSection("ELEMENT", elementValue));
-    activeTooltip.appendChild(createSection("NOTE", chip.note.trim() || "No note provided"));
+    activeTooltip.appendChild(createSection("NOTE", chip.note.trim() || t("annotate.note.none")));
     if (chip.selector) {
       activeTooltip.appendChild(createSection("PATH", chip.selector));
     }
@@ -5626,7 +6230,7 @@ function createAnnotateSidebarRenderers({
     if (records.length === 0) {
       const empty = document.createElement("div");
       empty.className = annotateSidebarEmptyClass;
-      empty.textContent = "No records included yet.";
+      empty.textContent = t("annotate.records.none");
       recordsList.appendChild(empty);
       return;
     }
@@ -5648,10 +6252,10 @@ function createAnnotateSidebarRenderers({
         }
       });
       const label = document.createElement("div");
-      label.textContent = record.target.label || "Unknown target";
+      label.textContent = record.target.label || t("annotate.target.unknown");
       const meta = document.createElement("div");
       meta.className = annotateSidebarQueueMetaClass;
-      meta.textContent = record.note.trim().length > 0 ? record.note : "Optional note left empty.";
+      meta.textContent = record.note.trim().length > 0 ? record.note : t("annotate.note.optionalEmpty");
       item.append(label, meta);
       recordsList.appendChild(item);
     }
@@ -5672,7 +6276,6 @@ function createAnnotateSidebar(shadowRoot, options) {
     element,
     headerStatus,
     quickCaptureButton,
-    screenshotContextButton,
     cssContextButton,
     runtimeContextButton,
     runtimeContextBadge,
@@ -5685,12 +6288,24 @@ function createAnnotateSidebar(shadowRoot, options) {
     recordsList,
     allPromptText,
     footer,
+    footerLeftActions,
     statusMessage,
     errorMessage,
-    previewCodeButton,
+    copyContextButton,
+    previewButton,
     previewFloat,
     previewFloatContent,
-    sendButton,
+    quickAskButton,
+    createTaskButton,
+    latestSessionSection,
+    latestSessionTitle,
+    latestSessionStatus,
+    latestSessionMeta,
+    latestSessionMessage,
+    latestSessionHint,
+    latestSessionRefreshButton,
+    latestSessionError,
+    recommendedActionLabel,
     updateRawPromptPreviewPosition,
     setRawPromptPreviewVisible
   } = dom;
@@ -5698,9 +6313,99 @@ function createAnnotateSidebar(shadowRoot, options) {
   let instructionSegments = [];
   let isSyncingInstructionDom = false;
   let renderedChipSignature = "";
+  let lastRevealedSessionId = "";
+  function classifySessionMessage(input) {
+    if (input.role === "agent") return "agent";
+    return "system-info";
+  }
+  function getLatestSessionFallbackMessage(status, hasDetail) {
+    if (!hasDetail) {
+      return t("annotate.latestSession.noDetail");
+    }
+    if (status === "pending" || status === "acknowledged") {
+      return status === "acknowledged" ? t("annotate.latestSession.acknowledged") : t("annotate.latestSession.pending");
+    }
+    if (status === "in_progress") {
+      return t("annotate.latestSession.inProgress");
+    }
+    if (status === "resolved") {
+      return t("annotate.latestSession.resolved");
+    }
+    if (status === "dismissed") {
+      return t("annotate.latestSession.dismissed");
+    }
+    return t("annotate.latestSession.noDetail");
+  }
+  function getLatestSessionStatusLabel(status) {
+    if (status === "resolved") {
+      return `\u2713 ${t("annotate.latestSession.status.resolved")}`;
+    }
+    if (status === "in_progress") {
+      return `\u25D4 ${t("annotate.latestSession.status.in_progress")}`;
+    }
+    if (status === "dismissed") {
+      return `\u2212 ${t("annotate.latestSession.status.dismissed")}`;
+    }
+    if (status === "acknowledged") {
+      return `\u25D4 ${t("annotate.latestSession.status.acknowledged")}`;
+    }
+    if (status === "pending") {
+      return `\u2022 ${t(`annotate.latestSession.status.${status}`)}`;
+    }
+    return t(`annotate.latestSession.status.${status}`);
+  }
+  function getLatestSessionHint(status) {
+    if (status === "pending" || status === "acknowledged") {
+      if (status === "acknowledged") {
+        return t("annotate.latestSession.hint.acknowledged");
+      }
+      return t("annotate.latestSession.hint.pending");
+    }
+    if (status === "in_progress") {
+      return t("annotate.latestSession.hint.in_progress");
+    }
+    if (status === "resolved") {
+      return t("annotate.latestSession.hint.resolved");
+    }
+    return "";
+  }
+  function getLatestSessionErrorMessage(error) {
+    if (!error) return "";
+    if (error === "Live session updates disconnected. You can refresh to reconnect.") {
+      return t("annotate.latestSession.error.disconnected");
+    }
+    return error;
+  }
+  function applyLatestSessionStatusStyles(status) {
+    latestSessionStatus.dataset.status = status;
+    if (status === "resolved") {
+      latestSessionStatus.style.background = "rgba(18, 183, 106, 0.12)";
+      latestSessionStatus.style.borderColor = "rgba(18, 183, 106, 0.25)";
+      latestSessionStatus.style.color = "#5ad496";
+      return;
+    }
+    if (status === "in_progress") {
+      latestSessionStatus.style.background = "rgba(47, 128, 237, 0.12)";
+      latestSessionStatus.style.borderColor = "rgba(47, 128, 237, 0.25)";
+      latestSessionStatus.style.color = "#73b2ff";
+      return;
+    }
+    if (status === "dismissed") {
+      latestSessionStatus.style.background = "rgba(152, 162, 179, 0.12)";
+      latestSessionStatus.style.borderColor = "rgba(152, 162, 179, 0.25)";
+      latestSessionStatus.style.color = "#b0b8c6";
+      return;
+    }
+    latestSessionStatus.style.background = "rgba(255, 255, 255, 0.06)";
+    latestSessionStatus.style.borderColor = "rgba(255, 255, 255, 0.1)";
+    latestSessionStatus.style.color = "var(--inspecto-text-secondary)";
+  }
   function getPromptChipRecordById(id) {
-    var _a2;
-    return (_a2 = getPromptChipRecords(currentOptions.session).find((chip) => chip.id === id)) != null ? _a2 : null;
+    var _a2, _b, _c;
+    return (_c = getPromptChipRecords(
+      currentOptions.session,
+      ((_a2 = currentOptions.latestSessionSummary) == null ? void 0 : _a2.status) === "resolved" || ((_b = currentOptions.latestSessionDetail) == null ? void 0 : _b.status) === "resolved"
+    ).find((chip) => chip.id === id)) != null ? _c : null;
   }
   const renderers = createAnnotateSidebarRenderers({
     shadowRoot,
@@ -5708,6 +6413,43 @@ function createAnnotateSidebar(shadowRoot, options) {
     getOptions: () => currentOptions,
     getPromptChipRecordById
   });
+  latestSessionRefreshButton.addEventListener("click", (event) => {
+    var _a2;
+    event.preventDefault();
+    (_a2 = currentOptions.onRefreshLatestSession) == null ? void 0 : _a2.call(currentOptions);
+  });
+  previewButton.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setRawPromptPreviewVisible(previewFloat.style.display !== "block");
+  });
+  const originalCopyHtml = copyContextButton.innerHTML;
+  copyContextButton.addEventListener("click", (event) => {
+    event.preventDefault();
+    if (!currentOptions.onCopyContext) return;
+    const promise = currentOptions.onCopyContext();
+    if (promise) {
+      copyContextButton.innerHTML = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>';
+      copyContextButton.title = t("annotate.copyContext.copied");
+      promise.then(() => {
+        setTimeout(() => {
+          copyContextButton.innerHTML = originalCopyHtml;
+          copyContextButton.title = t("annotate.copyContext");
+        }, 1500);
+      }).catch(() => {
+        copyContextButton.innerHTML = originalCopyHtml;
+        copyContextButton.title = t("annotate.copyContext");
+      });
+    }
+  });
+  quickAskButton.addEventListener("click", (event) => {
+    event.preventDefault();
+    currentOptions.onQuickAsk();
+  });
+  createTaskButton.addEventListener("click", (event) => {
+    event.preventDefault();
+    currentOptions.onCreateTask();
+  });
   function renderInstructionSegments(segments) {
     isSyncingInstructionDom = true;
     const fragment = document.createDocumentFragment();
@@ -5724,7 +6466,11 @@ function createAnnotateSidebar(shadowRoot, options) {
     isSyncingInstructionDom = false;
   }
   function syncInstructionSegmentsWithChips(session) {
-    const chips = getPromptChipRecords(session);
+    var _a2, _b;
+    const chips = getPromptChipRecords(
+      session,
+      ((_a2 = currentOptions.latestSessionSummary) == null ? void 0 : _a2.status) === "resolved" || ((_b = currentOptions.latestSessionDetail) == null ? void 0 : _b.status) === "resolved"
+    );
     const validChipIds = new Set(chips.map((chip) => chip.id));
     const nextSegments = [];
     const existingChipIds = /* @__PURE__ */ new Set();
@@ -5742,22 +6488,29 @@ function createAnnotateSidebar(shadowRoot, options) {
     instructionSegments = normalizeInstructionSegments(nextSegments);
   }
   function renderPromptChips(session) {
+    var _a2, _b;
     const previousChipIds = getInstructionChipIdSignature(instructionSegments);
     syncInstructionSegmentsWithChips(session);
     const nextChipIds = getInstructionChipIdSignature(instructionSegments);
-    const nextChipSignature = getChipSignature(session);
+    const nextChipSignature = getChipSignature(
+      session,
+      ((_a2 = currentOptions.latestSessionSummary) == null ? void 0 : _a2.status) === "resolved" || ((_b = currentOptions.latestSessionDetail) == null ? void 0 : _b.status) === "resolved"
+    );
     const shouldRerender = previousChipIds !== nextChipIds || renderedChipSignature !== nextChipSignature;
     if (!shouldRerender) return;
     renderedChipSignature = nextChipSignature;
     renderInstructionSegments(instructionSegments);
   }
   function patch(next) {
-    var _a2, _b, _c;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     const hasSavedRecords = next.session.records.length > 0;
     const hasCurrentDraft = Boolean(next.session.current.target);
     const hasBatchContent = hasSavedRecords || hasCurrentDraft;
-    const shouldShowBody = hasSavedRecords || hasCurrentDraft || next.isSending || next.successScope !== null || Boolean(next.errorMessage);
+    const shouldShowBody = hasSavedRecords || hasCurrentDraft || next.isSending || next.successScope === "quick-ask" || Boolean(next.errorMessage);
     const canSend = next.isSending ? false : next.includedRecords.length > 0 || hasCurrentDraft;
+    const preferredAction = (_a2 = next.preferredAction) != null ? _a2 : "create-task";
+    const deliveryPreference = (_b = next.annotateDeliveryMode) != null ? _b : "both";
+    const showDebugHelperActions = deliveryPreference !== "agent";
     element.style.display = "";
     emptyState.style.display = shouldShowBody ? "none" : "";
     draftSection.style.display = shouldShowBody ? "" : "none";
@@ -5765,24 +6518,17 @@ function createAnnotateSidebar(shadowRoot, options) {
     quickCaptureButton.setAttribute("aria-pressed", String(Boolean(next.quickCaptureEnabled)));
     quickCaptureButton.dataset.active = String(Boolean(next.quickCaptureEnabled));
     quickCaptureButton.dataset.visualState = next.quickCaptureEnabled ? "active" : "inactive";
-    quickCaptureButton.title = next.quickCaptureEnabled ? "Quick capture on" : "Toggle quick capture";
-    screenshotContextButton.style.display = hasBatchContent && next.canAttachScreenshotContext ? "" : "none";
-    screenshotContextButton.setAttribute(
-      "aria-pressed",
-      next.screenshotContextEnabled ? "true" : "false"
-    );
-    screenshotContextButton.dataset.visualState = next.screenshotContextEnabled ? "active" : "inactive";
-    screenshotContextButton.title = next.screenshotContextEnabled ? "Screenshot context enabled" : "Attach screenshot context";
+    quickCaptureButton.title = next.quickCaptureEnabled ? `${t("annotate.quickCapture.toggle")} on` : t("annotate.quickCapture.toggle");
     cssContextButton.style.display = hasBatchContent && next.canAttachCssContext ? "" : "none";
     cssContextButton.setAttribute("aria-pressed", next.cssContextEnabled ? "true" : "false");
     cssContextButton.dataset.visualState = next.cssContextEnabled ? "active" : "inactive";
-    cssContextButton.title = next.cssContextEnabled ? "CSS context enabled" : "Attach CSS context";
+    cssContextButton.title = next.cssContextEnabled ? t("menu.cssEnabled") : t("menu.attachCss");
     runtimeContextButton.style.display = hasBatchContent && next.canAttachRuntimeContext ? "" : "none";
     runtimeContextButton.setAttribute("aria-pressed", next.runtimeContextEnabled ? "true" : "false");
     runtimeContextButton.dataset.visualState = next.runtimeContextEnabled ? "active" : "inactive";
-    runtimeContextBadge.textContent = formatRuntimeErrorCount3((_a2 = next.runtimeErrorCount) != null ? _a2 : 0);
-    runtimeContextBadge.hidden = !next.runtimeContextEnabled || ((_b = next.runtimeErrorCount) != null ? _b : 0) <= 0;
-    runtimeContextButton.title = next.runtimeContextEnabled ? next.runtimeErrorCount ? `Runtime context enabled \u2022 ${formatRuntimeErrorCount3(next.runtimeErrorCount)} errors` : next.runtimeContextSummary ? `Runtime context enabled \u2022 ${next.runtimeContextSummary}` : "Runtime context enabled" : next.runtimeErrorCount ? `Attach runtime context \u2022 ${formatRuntimeErrorCount3(next.runtimeErrorCount)} errors` : "Attach runtime context";
+    runtimeContextBadge.textContent = formatRuntimeErrorCount3((_c = next.runtimeErrorCount) != null ? _c : 0);
+    runtimeContextBadge.hidden = !next.runtimeContextEnabled || ((_d = next.runtimeErrorCount) != null ? _d : 0) <= 0;
+    runtimeContextButton.title = next.runtimeContextEnabled ? next.runtimeErrorCount ? `${t("menu.runtimeEnabled")} \u2022 ${t("annotate.runtimeErrors", { count: formatRuntimeErrorCount3(next.runtimeErrorCount) })}` : next.runtimeContextSummary ? `${t("menu.runtimeEnabled")} \u2022 ${next.runtimeContextSummary}` : t("menu.runtimeEnabled") : next.runtimeErrorCount ? `${t("menu.attachRuntime")} \u2022 ${t("annotate.runtimeErrors", { count: formatRuntimeErrorCount3(next.runtimeErrorCount) })}` : t("menu.attachRuntime");
     modeButton.innerHTML = next.mode === "capture-enabled" ? pauseIconSvg : playIconSvg;
     const toggleSvgElement = modeButton.querySelector("svg");
     if (toggleSvgElement) {
@@ -5792,15 +6538,17 @@ function createAnnotateSidebar(shadowRoot, options) {
     }
     modeButton.setAttribute(
       "aria-label",
-      next.mode === "capture-enabled" ? "Pause selection" : "Resume selection"
+      next.mode === "capture-enabled" ? t("launcher.action.pause.title") : t("launcher.action.resume.title")
     );
-    modeButton.title = next.mode === "capture-enabled" ? "Pause selection" : "Resume selection";
+    modeButton.title = next.mode === "capture-enabled" ? t("launcher.action.pause.title") : t("launcher.action.resume.title");
     modeButton.dataset.selected = String(next.mode === "capture-enabled");
-    headerStatus.textContent = next.mode === "capture-enabled" ? next.quickCaptureEnabled ? "Capturing clicks \u2022 Quick capture on" : "Capturing clicks" : next.quickCaptureEnabled ? "Selection paused \u2022 Quick capture on" : "Selection paused";
+    headerStatus.textContent = next.mode === "capture-enabled" ? next.quickCaptureEnabled ? `${t("annotate.header.capturing")} \u2022 ${t("annotate.header.quickCaptureOn", { label: t("annotate.quickCapture.toggle") })}` : t("annotate.header.capturing") : next.quickCaptureEnabled ? `${t("launcher.state.paused")} \u2022 ${t("annotate.header.quickCaptureOn", { label: t("annotate.quickCapture.toggle") })}` : t("launcher.state.paused");
     renderPromptChips(next.session);
     allPromptText.textContent = next.fullPrompt;
     previewFloatContent.textContent = next.fullPrompt;
-    previewCodeButton.style.display = canSend ? "" : "none";
+    footerLeftActions.style.display = canSend && showDebugHelperActions ? "flex" : "none";
+    previewButton.style.display = showDebugHelperActions ? "" : "none";
+    copyContextButton.style.display = canSend && showDebugHelperActions ? "" : "none";
     if (!canSend) {
       setRawPromptPreviewVisible(false);
     }
@@ -5809,10 +6557,114 @@ function createAnnotateSidebar(shadowRoot, options) {
     }
     includedSummary.textContent = `Element notes (${next.includedRecords.length})`;
     renderers.renderIncludedRecords(next.includedRecords, recordsList);
-    sendButton.disabled = !canSend;
-    sendButton.textContent = next.isSending && next.sendingScope === "batch" ? "Sending..." : !next.isSending && next.successScope === "batch" ? "Sent" : "Ask AI";
+    const allowQuickAsk = deliveryPreference === "both" || deliveryPreference === "ide";
+    const allowCreateTask = deliveryPreference === "both" || deliveryPreference === "agent";
+    const onlyOneAction = allowQuickAsk !== allowCreateTask;
+    quickAskButton.style.display = allowQuickAsk ? "" : "none";
+    createTaskButton.style.display = allowCreateTask ? "" : "none";
+    quickAskButton.disabled = !canSend;
+    createTaskButton.disabled = !canSend;
+    if (onlyOneAction) {
+      quickAskButton.classList.toggle("primary", true);
+      createTaskButton.classList.toggle("primary", true);
+      quickAskButton.dataset.emphasis = "primary";
+      createTaskButton.dataset.emphasis = "primary";
+      quickAskButton.style.flex = "1";
+      createTaskButton.style.flex = "1";
+      quickAskButton.dataset.layoutRole = "primary";
+      createTaskButton.dataset.layoutRole = "primary";
+    } else {
+      quickAskButton.classList.toggle("primary", false);
+      createTaskButton.classList.toggle("primary", false);
+      quickAskButton.dataset.emphasis = preferredAction === "quick-ask" ? "primary" : "secondary";
+      createTaskButton.dataset.emphasis = preferredAction === "create-task" ? "primary" : "secondary";
+      quickAskButton.dataset.layoutRole = preferredAction === "quick-ask" ? "primary" : "secondary";
+      createTaskButton.dataset.layoutRole = preferredAction === "create-task" ? "primary" : "secondary";
+      quickAskButton.style.order = "1";
+      createTaskButton.style.order = "2";
+      quickAskButton.style.flex = "1";
+      createTaskButton.style.flex = "1";
+    }
+    quickAskButton.title = t("annotate.askAiHint");
+    createTaskButton.title = t("annotate.createTaskHint");
+    recommendedActionLabel.style.display = canSend && !onlyOneAction && deliveryPreference === "both" ? "block" : "none";
+    recommendedActionLabel.textContent = preferredAction === "quick-ask" ? t("annotate.recommendedAction.askHint", {
+      action: t("annotate.askAi")
+    }) : t("annotate.recommendedAction.agentHint", {
+      action: t("annotate.createTask")
+    });
+    quickAskButton.textContent = next.isSending && next.sendingScope === "quick-ask" ? t("menu.sending") : !next.isSending && next.successScope === "quick-ask" ? t("annotate.sent") : t("annotate.askAi");
+    createTaskButton.textContent = next.isSending && next.sendingScope === "create-task" ? t("menu.sending") : t("annotate.createTask");
+    const latestSession = next.latestSessionDetail;
+    const latestSessionSummary = next.latestSessionSummary;
+    latestSessionSection.style.display = latestSession || latestSessionSummary ? "" : "none";
+    latestSessionRefreshButton.disabled = Boolean(next.latestSessionLoading);
+    latestSessionTitle.textContent = t("annotate.latestSession.title");
+    if (latestSession || latestSessionSummary) {
+      const latestStatus = (_f = (_e = latestSession == null ? void 0 : latestSession.status) != null ? _e : latestSessionSummary == null ? void 0 : latestSessionSummary.status) != null ? _f : "pending";
+      latestSessionMeta.textContent = latestSession ? t("annotate.latestSession.meta.loaded", {
+        id: latestSession.id.slice(0, 8),
+        count: latestSession.annotations.length
+      }) : latestSessionSummary ? t("annotate.latestSession.meta.summary", {
+        id: latestSessionSummary.id.slice(0, 8)
+      }) : "";
+      const lastAgentOrSystemMessageRecord = (_h = (_g = latestSession == null ? void 0 : latestSession.messages) == null ? void 0 : _g.filter((message) => message.role === "agent" || message.role === "system").slice(-1)[0]) != null ? _h : null;
+      const lastAgentOrSystemMessage = (_j = (_i = lastAgentOrSystemMessageRecord == null ? void 0 : lastAgentOrSystemMessageRecord.text) == null ? void 0 : _i.trim()) != null ? _j : "";
+      const latestMessageKind = lastAgentOrSystemMessageRecord && lastAgentOrSystemMessage ? classifySessionMessage({
+        role: lastAgentOrSystemMessageRecord.role,
+        text: lastAgentOrSystemMessage
+      }) : null;
+      const latestVisualStatus = latestStatus;
+      latestSessionStatus.textContent = getLatestSessionStatusLabel(latestVisualStatus);
+      applyLatestSessionStatusStyles(latestVisualStatus);
+      latestSessionMessage.style.display = "none";
+      const fallbackMsg = getLatestSessionFallbackMessage(latestStatus, Boolean(latestSession));
+      const hasMessage = next.latestSessionLoading || lastAgentOrSystemMessage || fallbackMsg;
+      if (hasMessage) {
+        latestSessionMessage.style.display = "block";
+        latestSessionMessage.textContent = next.latestSessionLoading ? t("annotate.latestSession.loading") : lastAgentOrSystemMessage || fallbackMsg;
+      }
+      latestSessionMessage.dataset.variant = latestMessageKind != null ? latestMessageKind : "default";
+      if (latestMessageKind === "system-info") {
+        latestSessionMessage.style.color = "#9ed8ff";
+      } else {
+        latestSessionMessage.style.color = "var(--inspecto-text-secondary)";
+      }
+      const latestSessionHintText = next.latestSessionLoading ? "" : getLatestSessionHint(latestStatus);
+      const latestSessionErrorText = getLatestSessionErrorMessage(next.latestSessionError);
+      const showReconnectAction = Boolean(latestSessionErrorText);
+      latestSessionHint.textContent = latestSessionHintText;
+      latestSessionHint.style.display = latestSessionHintText && !showReconnectAction ? "block" : "none";
+      latestSessionHint.style.color = latestStatus === "resolved" ? "#b7f5cd" : "var(--inspecto-text-secondary)";
+      latestSessionError.textContent = latestSessionErrorText;
+      latestSessionError.style.display = latestSessionErrorText ? "block" : "none";
+      latestSessionRefreshButton.textContent = showReconnectAction ? t("annotate.latestSession.reconnect") : "\u21BB";
+      latestSessionRefreshButton.style.display = showReconnectAction || next.latestSessionLoading ? "" : "none";
+      latestSessionRefreshButton.style.minWidth = showReconnectAction ? "auto" : "";
+      latestSessionRefreshButton.style.padding = showReconnectAction ? "6px 10px" : "";
+      latestSessionRefreshButton.style.fontSize = showReconnectAction ? "11px" : "12px";
+      const latestSessionId = (_l = (_k = latestSession == null ? void 0 : latestSession.id) != null ? _k : latestSessionSummary == null ? void 0 : latestSessionSummary.id) != null ? _l : "";
+      if (latestSessionId && latestSessionId !== lastRevealedSessionId) {
+        lastRevealedSessionId = latestSessionId;
+        if (!hasCurrentDraft && !hasSavedRecords) {
+          latestSessionSection.scrollIntoView({ block: "nearest", behavior: "smooth" });
+        }
+      }
+    } else {
+      latestSessionHint.textContent = "";
+      latestSessionHint.style.display = "none";
+      latestSessionMessage.dataset.variant = "default";
+      latestSessionMessage.style.color = "var(--inspecto-text-secondary)";
+      latestSessionError.textContent = "";
+      latestSessionError.style.display = "none";
+      latestSessionRefreshButton.textContent = "\u21BB";
+      latestSessionRefreshButton.style.display = "none";
+      latestSessionRefreshButton.style.minWidth = "";
+      latestSessionRefreshButton.style.padding = "";
+      latestSessionRefreshButton.style.fontSize = "12px";
+    }
     statusMessage.textContent = getLiveStatusMessage(next);
-    errorMessage.textContent = (_c = next.errorMessage) != null ? _c : "";
+    errorMessage.textContent = (_m = next.errorMessage) != null ? _m : "";
     errorMessage.style.display = next.errorMessage ? "block" : "none";
   }
   instructionSegments = normalizeInstructionSegments([
@@ -5834,13 +6686,6 @@ function createAnnotateSidebar(shadowRoot, options) {
       )
     );
   });
-  screenshotContextButton.addEventListener(
-    "click",
-    () => {
-      var _a2;
-      return (_a2 = currentOptions.onToggleScreenshotContext) == null ? void 0 : _a2.call(currentOptions);
-    }
-  );
   cssContextButton.addEventListener("click", () => {
     var _a2;
     return (_a2 = currentOptions.onToggleCssContext) == null ? void 0 : _a2.call(currentOptions);
@@ -5849,7 +6694,6 @@ function createAnnotateSidebar(shadowRoot, options) {
     var _a2;
     return (_a2 = currentOptions.onToggleRuntimeContext) == null ? void 0 : _a2.call(currentOptions);
   });
-  sendButton.addEventListener("click", () => currentOptions.onSend());
   exitButton.addEventListener("click", () => currentOptions.onExit());
   quickCaptureButton.addEventListener("click", () => {
     var _a2;
@@ -5905,7 +6749,6 @@ function syncModeUi(ctx) {
   }
   state.annotateCapturePaused = false;
   state.annotateRuntimeContextEnabled = false;
-  state.annotateScreenshotContextEnabled = false;
   state.annotateCssContextEnabled = false;
   (_e = state.annotateSidebar) == null ? void 0 : _e.destroy();
   state.annotateSidebar = null;
@@ -6061,11 +6904,22 @@ function resetAnnotateState(state) {
   state.annotateCapturePaused = false;
   state.annotateQuickCaptureEnabled = false;
   state.annotateRuntimeContextEnabled = false;
-  state.annotateScreenshotContextEnabled = false;
   state.annotateCssContextEnabled = false;
+  state.stopLatestAnnotateSessionStream();
+}
+function buildI18nConfig(input) {
+  const config = {};
+  if (input.locale !== void 0) {
+    config.locale = input.locale;
+  }
+  if (input.messages !== void 0) {
+    config.messages = input.messages;
+  }
+  return config;
 }
 function connect(ctx, createAnnotateOverlay2) {
   const state = asLifecycleContext(ctx);
+  configureI18n(buildI18nConfig(state.options));
   const host = state;
   host.style.position = "fixed";
   host.style.inset = "0";
@@ -6096,6 +6950,7 @@ function disconnect(ctx) {
   state.annotateSidebar = null;
   state.annotateElements.clear();
   state.annotateDrafts.clear();
+  state.stopLatestAnnotateSessionStream();
   (_b = state.cleanupRuntimeContextCapture) == null ? void 0 : _b.call(state);
   state.cleanupRuntimeContextCapture = null;
   state.runtimeContextCollector.clear();
@@ -6104,6 +6959,7 @@ function disconnect(ctx) {
 function configure(ctx, options) {
   const state = asLifecycleContext(ctx);
   state.options = options;
+  configureI18n(buildI18nConfig(options));
   if (options.mode !== void 0) {
     const previousMode = state.mode;
     state.mode = options.mode;
@@ -6123,6 +6979,9 @@ function configure(ctx, options) {
     if ((info == null ? void 0 : info.theme) !== void 0) {
       applyTheme(state, info.theme);
     }
+    if ((info == null ? void 0 : info.annotateDeliveryMode) !== void 0) {
+      state.annotateDeliveryMode = info.annotateDeliveryMode;
+    }
     if ((info == null ? void 0 : info.includeSnippet) !== void 0) {
       state.options.includeSnippet = info.includeSnippet;
     }
@@ -6130,13 +6989,6 @@ function configure(ctx, options) {
       state.options.runtimeContext = __spreadValues(__spreadValues({}, state.options.runtimeContext), info.runtimeContext);
       state.syncRuntimeContextCapture();
     }
-    if ((info == null ? void 0 : info.screenshotContext) !== void 0) {
-      state.options.screenshotContext = __spreadValues(__spreadValues({}, state.options.screenshotContext), info.screenshotContext);
-    }
-    if ((info == null ? void 0 : info.annotationResponseMode) !== void 0) {
-      state.options.annotationResponseMode = info.annotationResponseMode;
-      state.annotationResponseMode = info.annotationResponseMode;
-    }
   }).catch(() => {
   }).then(() => {
   });
@@ -6182,10 +7034,6 @@ function canAttachRuntimeContext(ctx) {
   var _a2;
   return ((_a2 = asEvidenceContext(ctx).options.runtimeContext) == null ? void 0 : _a2.enabled) === true;
 }
-function canAttachScreenshotContext(ctx) {
-  var _a2;
-  return ((_a2 = asEvidenceContext(ctx).options.screenshotContext) == null ? void 0 : _a2.enabled) === true;
-}
 function canAttachCssContext() {
   return typeof window !== "undefined" && typeof window.getComputedStyle === "function";
 }
@@ -6287,29 +7135,6 @@ function getCollectedRuntimeErrorCount(ctx) {
   const state = asEvidenceContext(ctx);
   return state.runtimeContextCollector.snapshot().records.filter((record) => record.kind !== "failed-request").length;
 }
-function resolveAnnotateScreenshotElement(ctx, annotations, scope) {
-  var _a2;
-  const state = asEvidenceContext(ctx);
-  const currentElement = state.annotateSession.current.target ? (_a2 = state.annotateElements.get(state.annotateSession.current.id)) != null ? _a2 : state.findElementForAnnotationTarget(state.annotateSession.current.target) : null;
-  if (scope === "current") return currentElement;
-  for (const annotation of annotations) {
-    for (const target of annotation.targets) {
-      const element = state.findElementForLocation(target.location, target.selector);
-      if (element) return element;
-    }
-  }
-  return currentElement;
-}
-function captureAnnotateScreenshotContext(ctx, annotations, scope) {
-  return __async(this, null, function* () {
-    const state = asEvidenceContext(ctx);
-    if (!state.canAttachScreenshotContext() || !state.annotateScreenshotContextEnabled) {
-      return null;
-    }
-    const element = resolveAnnotateScreenshotElement(state, annotations, scope);
-    return element ? captureElementScreenshot(element) : null;
-  });
-}
 
 // src/component.ts
 var DEFAULT_ANNOTATE_INSTRUCTION = "";
@@ -6338,18 +7163,23 @@ var InspectoElement = class extends BaseElement {
     this.annotateDrafts = /* @__PURE__ */ new Map();
     this.annotateEditingRecord = null;
     this.configLoadPromise = null;
-    this.annotationResponseMode = "unified";
     this.annotateInstructionDraft = DEFAULT_ANNOTATE_INSTRUCTION;
     this.annotateErrorMessage = "";
     this.annotateRuntimeContextEnabled = false;
-    this.annotateScreenshotContextEnabled = false;
     this.annotateCssContextEnabled = false;
+    this.annotateDeliveryMode = "both";
     this.annotateSendState = {
       isSending: false,
       scope: null
     };
+    this.annotateLatestSessionSummary = null;
+    this.annotateLatestSessionDetail = null;
+    this.annotateLatestSessionStream = null;
+    this.annotateLatestSessionLoading = false;
+    this.annotateLatestSessionError = "";
     this.annotateSuccessScope = null;
     this.annotateSuccessTimeout = null;
+    this.annotateSuccessOnClear = null;
     this.pendingAnnotateViewportFrame = null;
     this.runtimeContextCollector = createRuntimeContextCollector();
     this.cleanupRuntimeContextCapture = null;
@@ -6407,9 +7237,6 @@ var InspectoElement = class extends BaseElement {
   getEffectiveHotKeys() {
     return getEffectiveHotKeys(this);
   }
-  getAnnotationResponseMode() {
-    return this.annotationResponseMode;
-  }
   updateBadgeContent() {
     updateBadgeContent(this);
   }
@@ -6440,9 +7267,6 @@ var InspectoElement = class extends BaseElement {
   canAttachRuntimeContext() {
     return canAttachRuntimeContext(this);
   }
-  canAttachScreenshotContext() {
-    return canAttachScreenshotContext(this);
-  }
   canAttachCssContext() {
     return canAttachCssContext();
   }
@@ -6470,14 +7294,6 @@ var InspectoElement = class extends BaseElement {
   getCollectedRuntimeErrorCount() {
     return getCollectedRuntimeErrorCount(this);
   }
-  resolveAnnotateScreenshotElement(annotations, scope) {
-    return resolveAnnotateScreenshotElement(this, annotations, scope);
-  }
-  captureAnnotateScreenshotContext(annotations, scope) {
-    return __async(this, null, function* () {
-      return captureAnnotateScreenshotContext(this, annotations, scope);
-    });
-  }
   addTargetToCurrentAnnotation(element, location) {
     addTargetToCurrentAnnotation(this, element, location);
   }
@@ -6532,15 +7348,26 @@ var InspectoElement = class extends BaseElement {
   showAnnotateSuccess(scope) {
     showAnnotateSuccess(this, scope);
   }
+  refreshLatestAnnotateSession() {
+    return __async(this, null, function* () {
+      return refreshLatestAnnotateSession(this);
+    });
+  }
+  startLatestAnnotateSessionStream(sessionId) {
+    startLatestAnnotateSessionStream(this, sessionId);
+  }
+  stopLatestAnnotateSessionStream() {
+    stopLatestAnnotateSessionStream(this);
+  }
   toAnnotateErrorMessage(errorCode, fallback) {
     return toAnnotateErrorMessage(this, errorCode, fallback);
   }
   toAnnotationTransportFromRecord(record) {
     return toAnnotationTransportFromRecordUi(this, record);
   }
-  sendAnnotationBatch(annotations, scope, instruction, onSuccess) {
+  sendAnnotationBatch(annotations, scope, instruction, deliveryMode, onSuccess) {
     return __async(this, null, function* () {
-      return sendAnnotationBatch(this, annotations, scope, instruction, onSuccess);
+      return sendAnnotationBatch(this, annotations, scope, instruction, deliveryMode, onSuccess);
     });
   }
   syncModeUi() {
@@ -6591,4 +7418,4 @@ if (typeof customElements !== "undefined" && !customElements.get("inspecto-overl
 export {
   InspectoElement
 };
-//# sourceMappingURL=component-BLZBHHON.js.map
+//# sourceMappingURL=component-SDAMNKDH.js.map