@jami-studio/pinpoint 0.1.12

package/dist/chunk-CGJZ7BOM.js

@@ -0,0 +1,88 @@
+"use client";
+import {
+  formatPins
+} from "./chunk-XBX2J7WU.js";
+
+// src/output/agent-context.ts
+function formatRichPinContext(pin) {
+  const lines = [];
+  const tagName = pin.element.tagName.toLowerCase();
+  const classes = pin.element.classNames.length > 0 ? ` class="${pin.element.classNames.join(" ")}"` : "";
+  const component = pin.framework?.componentPath ? ` in ${pin.framework.componentPath} component` : "";
+  lines.push(`[Annotation on <${tagName}${classes}>${component}]`);
+  lines.push(`Comment: "${pin.comment}"`);
+  const rect = pin.element.boundingRect;
+  const classStr = pin.element.classNames.length > 0 ? `.${pin.element.classNames.join(".")}` : "";
+  lines.push(
+    `Element: ${tagName}${classStr} at (${Math.round(rect.x)}, ${Math.round(rect.y)})`
+  );
+  if (pin.framework?.sourceFile) {
+    lines.push(`Source: ${pin.framework.sourceFile}`);
+  }
+  if (pin.element.textContent) {
+    const truncated = pin.element.textContent.slice(0, 80);
+    lines.push(
+      `Text: "${truncated}${pin.element.textContent.length > 80 ? "..." : ""}"`
+    );
+  }
+  return lines.join("\n");
+}
+function formatPinsForAgent(pins, format = "standard") {
+  if (pins.length === 0) {
+    return { message: "No annotations to send.", context: "" };
+  }
+  const richAnnotations = pins.map((pin) => formatRichPinContext(pin)).join("\n\n");
+  const instruction = `The user has annotated ${pins.length} element${pins.length === 1 ? "" : "s"} on the page with visual feedback. Review each annotation and make the requested changes.
+
+`;
+  const details = formatPins(pins, format);
+  const message = instruction + richAnnotations;
+  return { message, context: details };
+}
+function formatQueueForAgent(queue, format = "standard") {
+  if (queue.length === 0) {
+    return { message: "No queued annotations to send.", context: "" };
+  }
+  const parts = [];
+  const pins = [];
+  parts.push(
+    `The user has queued ${queue.length} annotation${queue.length === 1 ? "" : "s"} for batch review. Process each one:
+`
+  );
+  for (let i = 0; i < queue.length; i++) {
+    const item = queue[i];
+    parts.push(`--- Item ${i + 1} ---`);
+    if (item.pin) {
+      parts.push(formatRichPinContext(item.pin));
+      pins.push(item.pin);
+    }
+    if (item.drawings && item.drawings.length > 0) {
+      parts.push(`[Drawing: ${item.drawings.length} stroke(s) on the page]`);
+      for (const stroke of item.drawings) {
+        const startPt = stroke.points[0];
+        const endPt = stroke.points[stroke.points.length - 1];
+        parts.push(
+          `  ${stroke.type} from (${Math.round(startPt.x)}, ${Math.round(startPt.y)}) to (${Math.round(endPt.x)}, ${Math.round(endPt.y)}) [${stroke.color}]`
+        );
+      }
+    }
+    if (item.textNotes && item.textNotes.length > 0) {
+      for (const note of item.textNotes) {
+        parts.push(
+          `[Text note at (${Math.round(note.x)}, ${Math.round(note.y)}): "${note.text}"]`
+        );
+      }
+    }
+    parts.push("");
+  }
+  const message = parts.join("\n");
+  const context = pins.length > 0 ? formatPins(pins, format) : "";
+  return { message, context };
+}
+
+export {
+  formatRichPinContext,
+  formatPinsForAgent,
+  formatQueueForAgent
+};
+//# sourceMappingURL=chunk-CGJZ7BOM.js.map

package/dist/chunk-CGJZ7BOM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/output/agent-context.ts"],"sourcesContent":["// @agent-native/pinpoint — Split output for sendToAgentChat()\r\n// MIT License\r\n//\r\n// Splits annotation output into { message, context } for the agent chat bridge.\r\n// The message is shown in chat UI. The context is hidden, appended for the agent.\r\n\r\nimport type {\r\n  AgentOutput,\r\n  Pin,\r\n  OutputFormat,\r\n  QueuedAnnotation,\r\n} from \"../types/index.js\";\r\nimport { formatPins } from \"./formatter.js\";\r\n\r\nexport type { AgentOutput } from \"../types/index.js\";\r\n\r\n/**\r\n * Format a single pin into rich context for the agent.\r\n *\r\n * ```\r\n * [Annotation on <button class=\"primary\"> in <Header> component]\r\n * Comment: \"This button should be blue instead of gray\"\r\n * Element: button.primary at (120, 45)\r\n * Source: src/components/Header.tsx:42\r\n * ```\r\n */\r\nexport function formatRichPinContext(pin: Pin): string {\r\n  const lines: string[] = [];\r\n\r\n  // Build element descriptor\r\n  const tagName = pin.element.tagName.toLowerCase();\r\n  const classes =\r\n    pin.element.classNames.length > 0\r\n      ? ` class=\"${pin.element.classNames.join(\" \")}\"`\r\n      : \"\";\r\n  const component = pin.framework?.componentPath\r\n    ? ` in ${pin.framework.componentPath} component`\r\n    : \"\";\r\n\r\n  lines.push(`[Annotation on <${tagName}${classes}>${component}]`);\r\n  lines.push(`Comment: \"${pin.comment}\"`);\r\n\r\n  const rect = pin.element.boundingRect;\r\n  const classStr =\r\n    pin.element.classNames.length > 0\r\n      ? `.${pin.element.classNames.join(\".\")}`\r\n      : \"\";\r\n  lines.push(\r\n    `Element: ${tagName}${classStr} at (${Math.round(rect.x)}, ${Math.round(rect.y)})`,\r\n  );\r\n\r\n  if (pin.framework?.sourceFile) {\r\n    lines.push(`Source: ${pin.framework.sourceFile}`);\r\n  }\r\n\r\n  if (pin.element.textContent) {\r\n    const truncated = pin.element.textContent.slice(0, 80);\r\n    lines.push(\r\n      `Text: \"${truncated}${pin.element.textContent.length > 80 ? \"...\" : \"\"}\"`,\r\n    );\r\n  }\r\n\r\n  return lines.join(\"\\n\");\r\n}\r\n\r\n/**\r\n * Format pins for agent chat.\r\n * The full formatted output goes into message (visible in chat UI) so the user\r\n * can see exactly what context the agent is working with.\r\n */\r\nexport function formatPinsForAgent(\r\n  pins: Pin[],\r\n  format: OutputFormat = \"standard\",\r\n): AgentOutput {\r\n  if (pins.length === 0) {\r\n    return { message: \"No annotations to send.\", context: \"\" };\r\n  }\r\n\r\n  // Use rich context format for each pin\r\n  const richAnnotations = pins\r\n    .map((pin) => formatRichPinContext(pin))\r\n    .join(\"\\n\\n\");\r\n\r\n  const instruction = `The user has annotated ${pins.length} element${pins.length === 1 ? \"\" : \"s\"} on the page with visual feedback. Review each annotation and make the requested changes.\\n\\n`;\r\n\r\n  // Also include the structured format as context for the agent\r\n  const details = formatPins(pins, format);\r\n  const message = instruction + richAnnotations;\r\n\r\n  return { message, context: details };\r\n}\r\n\r\n/**\r\n * Format queued annotations for batch sending.\r\n */\r\nexport function formatQueueForAgent(\r\n  queue: QueuedAnnotation[],\r\n  format: OutputFormat = \"standard\",\r\n): AgentOutput {\r\n  if (queue.length === 0) {\r\n    return { message: \"No queued annotations to send.\", context: \"\" };\r\n  }\r\n\r\n  const parts: string[] = [];\r\n  const pins: Pin[] = [];\r\n\r\n  parts.push(\r\n    `The user has queued ${queue.length} annotation${queue.length === 1 ? \"\" : \"s\"} for batch review. Process each one:\\n`,\r\n  );\r\n\r\n  for (let i = 0; i < queue.length; i++) {\r\n    const item = queue[i];\r\n    parts.push(`--- Item ${i + 1} ---`);\r\n\r\n    if (item.pin) {\r\n      parts.push(formatRichPinContext(item.pin));\r\n      pins.push(item.pin);\r\n    }\r\n\r\n    if (item.drawings && item.drawings.length > 0) {\r\n      parts.push(`[Drawing: ${item.drawings.length} stroke(s) on the page]`);\r\n      for (const stroke of item.drawings) {\r\n        const startPt = stroke.points[0];\r\n        const endPt = stroke.points[stroke.points.length - 1];\r\n        parts.push(\r\n          `  ${stroke.type} from (${Math.round(startPt.x)}, ${Math.round(startPt.y)}) to (${Math.round(endPt.x)}, ${Math.round(endPt.y)}) [${stroke.color}]`,\r\n        );\r\n      }\r\n    }\r\n\r\n    if (item.textNotes && item.textNotes.length > 0) {\r\n      for (const note of item.textNotes) {\r\n        parts.push(\r\n          `[Text note at (${Math.round(note.x)}, ${Math.round(note.y)}): \"${note.text}\"]`,\r\n        );\r\n      }\r\n    }\r\n\r\n    parts.push(\"\");\r\n  }\r\n\r\n  const message = parts.join(\"\\n\");\r\n  const context = pins.length > 0 ? formatPins(pins, format) : \"\";\r\n\r\n  return { message, context };\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-DGUM43GV.js

@@ -0,0 +1,11 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __require
+};
+//# sourceMappingURL=chunk-DGUM43GV.js.map

package/dist/chunk-DGUM43GV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-HAEYE6KB.js

@@ -0,0 +1,25 @@
+"use client";
+
+// src/utils/open-file.ts
+async function openFile(filePath, lineNumber) {
+  const vsCodeUrl = lineNumber ? `vscode://file/${filePath}:${lineNumber}` : `vscode://file/${filePath}`;
+  try {
+    window.open(vsCodeUrl, "_blank");
+    return;
+  } catch {
+  }
+  try {
+    await fetch("/api/open-file", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ filePath, lineNumber })
+    });
+  } catch {
+    console.warn("[pinpoint] Could not open file:", filePath);
+  }
+}
+
+export {
+  openFile
+};
+//# sourceMappingURL=chunk-HAEYE6KB.js.map

package/dist/chunk-HAEYE6KB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/open-file.ts"],"sourcesContent":["// @agent-native/pinpoint — Open file in editor\r\n// MIT License\r\n\r\n/**\r\n * Open a file in the user's editor. Tries vscode:// protocol first,\r\n * falls back to a fetch to /api/open-file.\r\n */\r\nexport async function openFile(\r\n  filePath: string,\r\n  lineNumber?: number,\r\n): Promise<void> {\r\n  // Try VS Code protocol\r\n  const vsCodeUrl = lineNumber\r\n    ? `vscode://file/${filePath}:${lineNumber}`\r\n    : `vscode://file/${filePath}`;\r\n\r\n  try {\r\n    window.open(vsCodeUrl, \"_blank\");\r\n    return;\r\n  } catch {\r\n    // VS Code not available\r\n  }\r\n\r\n  // Fallback: POST to server endpoint\r\n  try {\r\n    await fetch(\"/api/open-file\", {\r\n      method: \"POST\",\r\n      headers: { \"Content-Type\": \"application/json\" },\r\n      body: JSON.stringify({ filePath, lineNumber }),\r\n    });\r\n  } catch {\r\n    // Server endpoint not available\r\n    console.warn(\"[pinpoint] Could not open file:\", filePath);\r\n  }\r\n}\r\n"],"mappings":";;;AAOA,eAAsB,SACpB,UACA,YACe;AAEf,QAAM,YAAY,aACd,iBAAiB,QAAQ,IAAI,UAAU,KACvC,iBAAiB,QAAQ;AAE7B,MAAI;AACF,WAAO,KAAK,WAAW,QAAQ;AAC/B;AAAA,EACF,QAAQ;AAAA,EAER;AAGA,MAAI;AACF,UAAM,MAAM,kBAAkB;AAAA,MAC5B,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,WAAW,CAAC;AAAA,IAC/C,CAAC;AAAA,EACH,QAAQ;AAEN,YAAQ,KAAK,mCAAmC,QAAQ;AAAA,EAC1D;AACF;","names":[]}

package/dist/chunk-J5PXKVTM.js

@@ -0,0 +1,53 @@
+// src/storage/schemas.ts
+import { z } from "zod";
+var ElementInfoSchema = z.object({
+  tagName: z.string(),
+  id: z.string().optional(),
+  classNames: z.array(z.string()),
+  selector: z.string(),
+  textContent: z.string().optional(),
+  boundingRect: z.object({
+    x: z.number(),
+    y: z.number(),
+    width: z.number(),
+    height: z.number()
+  }),
+  computedStyles: z.record(z.string(), z.string()).optional(),
+  ariaAttributes: z.record(z.string(), z.string()).optional(),
+  dataAttributes: z.record(z.string(), z.string()).optional(),
+  domPath: z.string().optional()
+});
+var FrameworkInfoSchema = z.object({
+  framework: z.string(),
+  componentPath: z.string(),
+  sourceFile: z.string().optional(),
+  frameworkVersion: z.string().optional()
+});
+var PinStatusSchema = z.enum([
+  "open",
+  "acknowledged",
+  "resolved",
+  "dismissed"
+]);
+var PinSchema = z.object({
+  id: z.string().uuid(),
+  pageUrl: z.string(),
+  createdAt: z.string().datetime(),
+  updatedAt: z.string().datetime(),
+  author: z.string().optional(),
+  comment: z.string(),
+  element: ElementInfoSchema,
+  framework: FrameworkInfoSchema.optional(),
+  status: z.object({
+    state: PinStatusSchema,
+    changedAt: z.string().datetime(),
+    changedBy: z.string().optional()
+  })
+});
+
+export {
+  ElementInfoSchema,
+  FrameworkInfoSchema,
+  PinSchema
+};
+//# sourceMappingURL=chunk-J5PXKVTM.js.map

package/dist/chunk-J5PXKVTM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storage/schemas.ts"],"sourcesContent":["// @agent-native/pinpoint — Zod schemas for runtime validation\r\n// MIT License\r\n\r\nimport { z } from \"zod\";\r\n\r\nexport const ElementInfoSchema = z.object({\r\n  tagName: z.string(),\r\n  id: z.string().optional(),\r\n  classNames: z.array(z.string()),\r\n  selector: z.string(),\r\n  textContent: z.string().optional(),\r\n  boundingRect: z.object({\r\n    x: z.number(),\r\n    y: z.number(),\r\n    width: z.number(),\r\n    height: z.number(),\r\n  }),\r\n  computedStyles: z.record(z.string(), z.string()).optional(),\r\n  ariaAttributes: z.record(z.string(), z.string()).optional(),\r\n  dataAttributes: z.record(z.string(), z.string()).optional(),\r\n  domPath: z.string().optional(),\r\n});\r\n\r\nexport const FrameworkInfoSchema = z.object({\r\n  framework: z.string(),\r\n  componentPath: z.string(),\r\n  sourceFile: z.string().optional(),\r\n  frameworkVersion: z.string().optional(),\r\n});\r\n\r\nexport const PinStatusSchema = z.enum([\r\n  \"open\",\r\n  \"acknowledged\",\r\n  \"resolved\",\r\n  \"dismissed\",\r\n]);\r\n\r\nexport const PinSchema = z.object({\r\n  id: z.string().uuid(),\r\n  pageUrl: z.string(),\r\n  createdAt: z.string().datetime(),\r\n  updatedAt: z.string().datetime(),\r\n  author: z.string().optional(),\r\n  comment: z.string(),\r\n  element: ElementInfoSchema,\r\n  framework: FrameworkInfoSchema.optional(),\r\n  status: z.object({\r\n    state: PinStatusSchema,\r\n    changedAt: z.string().datetime(),\r\n    changedBy: z.string().optional(),\r\n  }),\r\n});\r\n\r\nexport type PinSchemaType = z.infer<typeof PinSchema>;\r\n"],"mappings":";AAGA,SAAS,SAAS;AAEX,IAAM,oBAAoB,EAAE,OAAO;AAAA,EACxC,SAAS,EAAE,OAAO;AAAA,EAClB,IAAI,EAAE,OAAO,EAAE,SAAS;AAAA,EACxB,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC;AAAA,EAC9B,UAAU,EAAE,OAAO;AAAA,EACnB,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,cAAc,EAAE,OAAO;AAAA,IACrB,GAAG,EAAE,OAAO;AAAA,IACZ,GAAG,EAAE,OAAO;AAAA,IACZ,OAAO,EAAE,OAAO;AAAA,IAChB,QAAQ,EAAE,OAAO;AAAA,EACnB,CAAC;AAAA,EACD,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,EAAE,SAAS;AAAA,EAC1D,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,EAAE,SAAS;AAAA,EAC1D,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC,EAAE,SAAS;AAAA,EAC1D,SAAS,EAAE,OAAO,EAAE,SAAS;AAC/B,CAAC;AAEM,IAAM,sBAAsB,EAAE,OAAO;AAAA,EAC1C,WAAW,EAAE,OAAO;AAAA,EACpB,eAAe,EAAE,OAAO;AAAA,EACxB,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,kBAAkB,EAAE,OAAO,EAAE,SAAS;AACxC,CAAC;AAEM,IAAM,kBAAkB,EAAE,KAAK;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,YAAY,EAAE,OAAO;AAAA,EAChC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,SAAS,EAAE,OAAO;AAAA,EAClB,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,SAAS,EAAE,OAAO;AAAA,EAClB,SAAS;AAAA,EACT,WAAW,oBAAoB,SAAS;AAAA,EACxC,QAAQ,EAAE,OAAO;AAAA,IACf,OAAO;AAAA,IACP,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,IAC/B,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,CAAC;AACH,CAAC;","names":[]}

package/dist/chunk-XBX2J7WU.js

@@ -0,0 +1,94 @@
+"use client";
+
+// src/output/formatter.ts
+function formatPins(pins, format = "standard") {
+  if (pins.length === 0) return "No annotations.";
+  const pageUrl = pins[0].pageUrl;
+  switch (format) {
+    case "compact":
+      return formatCompact(pins, pageUrl);
+    case "standard":
+      return formatStandard(pins, pageUrl);
+    case "detailed":
+      return formatDetailed(pins, pageUrl);
+    default:
+      return formatStandard(pins, pageUrl);
+  }
+}
+function formatCompact(pins, pageUrl) {
+  const lines = [`## Page Feedback: ${pageUrl} (${pins.length} annotations)`];
+  for (let i = 0; i < pins.length; i++) {
+    const pin = pins[i];
+    lines.push(`${i + 1}. \`${pin.element.selector}\` \u2014 "${pin.comment}"`);
+  }
+  return lines.join("\n");
+}
+function formatStandard(pins, pageUrl) {
+  const lines = [
+    `## Page Feedback: ${pageUrl}`,
+    `${pins.length} annotation${pins.length === 1 ? "" : "s"} | ${(/* @__PURE__ */ new Date()).toISOString()}`,
+    ""
+  ];
+  for (let i = 0; i < pins.length; i++) {
+    const pin = pins[i];
+    lines.push(`### ${i + 1}: \`${pin.element.selector}\``);
+    lines.push(`**Comment:** ${pin.comment}`);
+    lines.push(
+      `**Element:** \`<${pin.element.tagName}>\`${pin.element.classNames.length > 0 ? ` with classes \`.${pin.element.classNames.join(" .")}\`` : ""}`
+    );
+    if (pin.framework) {
+      lines.push(
+        `**Component:** ${pin.framework.componentPath} (${pin.framework.framework})`
+      );
+      if (pin.framework.sourceFile) {
+        lines.push(`**Source:** \`${pin.framework.sourceFile}\``);
+      }
+    }
+    const rect = pin.element.boundingRect;
+    lines.push(
+      `**Position:** (${rect.x}, ${rect.y}) ${rect.width}x${rect.height}`
+    );
+    lines.push(`**Status:** ${pin.status.state}`);
+    if (pin.author) {
+      lines.push(`**Author:** ${pin.author}`);
+    }
+    lines.push("");
+  }
+  return lines.join("\n");
+}
+function formatDetailed(pins, pageUrl) {
+  const lines = [formatStandard(pins, pageUrl)];
+  for (let i = 0; i < pins.length; i++) {
+    const pin = pins[i];
+    const detailLines = [];
+    if (pin.element.domPath) {
+      detailLines.push(`**DOM Path:** ${pin.element.domPath}`);
+    }
+    if (pin.element.computedStyles && Object.keys(pin.element.computedStyles).length > 0) {
+      const styles = Object.entries(pin.element.computedStyles).map(([key, value]) => `${key}: ${value}`).join(", ");
+      detailLines.push(`**Computed Styles:** ${styles}`);
+    }
+    if (pin.element.ariaAttributes && Object.keys(pin.element.ariaAttributes).length > 0) {
+      const aria = Object.entries(pin.element.ariaAttributes).map(([key, value]) => `${key}="${value}"`).join(", ");
+      detailLines.push(`**Accessibility:** ${aria}`);
+    }
+    if (pin.element.textContent) {
+      detailLines.push(`**Text Content:** "${pin.element.textContent}"`);
+    }
+    if (pin.element.dataAttributes && Object.keys(pin.element.dataAttributes).length > 0) {
+      const data = Object.entries(pin.element.dataAttributes).map(([key, value]) => `${key}="${value}"`).join(", ");
+      detailLines.push(`**Data Attributes:** ${data}`);
+    }
+    if (detailLines.length > 0) {
+      lines.push(`#### Details for #${i + 1}:`);
+      lines.push(detailLines.join("\n"));
+      lines.push("");
+    }
+  }
+  return lines.join("\n");
+}
+
+export {
+  formatPins
+};
+//# sourceMappingURL=chunk-XBX2J7WU.js.map

package/dist/chunk-XBX2J7WU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/output/formatter.ts"],"sourcesContent":["// @agent-native/pinpoint — Output formatting (compact/standard/detailed)\r\n// MIT License\r\n\r\nimport type { Pin, OutputFormat } from \"../types/index.js\";\r\n\r\n/**\r\n * Format pins into a human/agent-readable markdown string.\r\n */\r\nexport function formatPins(\r\n  pins: Pin[],\r\n  format: OutputFormat = \"standard\",\r\n): string {\r\n  if (pins.length === 0) return \"No annotations.\";\r\n\r\n  const pageUrl = pins[0].pageUrl;\r\n\r\n  switch (format) {\r\n    case \"compact\":\r\n      return formatCompact(pins, pageUrl);\r\n    case \"standard\":\r\n      return formatStandard(pins, pageUrl);\r\n    case \"detailed\":\r\n      return formatDetailed(pins, pageUrl);\r\n    default:\r\n      return formatStandard(pins, pageUrl);\r\n  }\r\n}\r\n\r\nfunction formatCompact(pins: Pin[], pageUrl: string): string {\r\n  const lines = [`## Page Feedback: ${pageUrl} (${pins.length} annotations)`];\r\n  for (let i = 0; i < pins.length; i++) {\r\n    const pin = pins[i];\r\n    lines.push(`${i + 1}. \\`${pin.element.selector}\\` — \"${pin.comment}\"`);\r\n  }\r\n  return lines.join(\"\\n\");\r\n}\r\n\r\nfunction formatStandard(pins: Pin[], pageUrl: string): string {\r\n  const lines = [\r\n    `## Page Feedback: ${pageUrl}`,\r\n    `${pins.length} annotation${pins.length === 1 ? \"\" : \"s\"} | ${new Date().toISOString()}`,\r\n    \"\",\r\n  ];\r\n\r\n  for (let i = 0; i < pins.length; i++) {\r\n    const pin = pins[i];\r\n    lines.push(`### ${i + 1}: \\`${pin.element.selector}\\``);\r\n    lines.push(`**Comment:** ${pin.comment}`);\r\n    lines.push(\r\n      `**Element:** \\`<${pin.element.tagName}>\\`${pin.element.classNames.length > 0 ? ` with classes \\`.${pin.element.classNames.join(\" .\")}\\`` : \"\"}`,\r\n    );\r\n\r\n    if (pin.framework) {\r\n      lines.push(\r\n        `**Component:** ${pin.framework.componentPath} (${pin.framework.framework})`,\r\n      );\r\n      if (pin.framework.sourceFile) {\r\n        lines.push(`**Source:** \\`${pin.framework.sourceFile}\\``);\r\n      }\r\n    }\r\n\r\n    const rect = pin.element.boundingRect;\r\n    lines.push(\r\n      `**Position:** (${rect.x}, ${rect.y}) ${rect.width}x${rect.height}`,\r\n    );\r\n    lines.push(`**Status:** ${pin.status.state}`);\r\n\r\n    if (pin.author) {\r\n      lines.push(`**Author:** ${pin.author}`);\r\n    }\r\n    lines.push(\"\");\r\n  }\r\n\r\n  return lines.join(\"\\n\");\r\n}\r\n\r\nfunction formatDetailed(pins: Pin[], pageUrl: string): string {\r\n  const lines = [formatStandard(pins, pageUrl)];\r\n\r\n  // Append detailed info for each pin\r\n  for (let i = 0; i < pins.length; i++) {\r\n    const pin = pins[i];\r\n    const detailLines: string[] = [];\r\n\r\n    if (pin.element.domPath) {\r\n      detailLines.push(`**DOM Path:** ${pin.element.domPath}`);\r\n    }\r\n\r\n    if (\r\n      pin.element.computedStyles &&\r\n      Object.keys(pin.element.computedStyles).length > 0\r\n    ) {\r\n      const styles = Object.entries(pin.element.computedStyles)\r\n        .map(([key, value]) => `${key}: ${value}`)\r\n        .join(\", \");\r\n      detailLines.push(`**Computed Styles:** ${styles}`);\r\n    }\r\n\r\n    if (\r\n      pin.element.ariaAttributes &&\r\n      Object.keys(pin.element.ariaAttributes).length > 0\r\n    ) {\r\n      const aria = Object.entries(pin.element.ariaAttributes)\r\n        .map(([key, value]) => `${key}=\"${value}\"`)\r\n        .join(\", \");\r\n      detailLines.push(`**Accessibility:** ${aria}`);\r\n    }\r\n\r\n    if (pin.element.textContent) {\r\n      detailLines.push(`**Text Content:** \"${pin.element.textContent}\"`);\r\n    }\r\n\r\n    if (\r\n      pin.element.dataAttributes &&\r\n      Object.keys(pin.element.dataAttributes).length > 0\r\n    ) {\r\n      const data = Object.entries(pin.element.dataAttributes)\r\n        .map(([key, value]) => `${key}=\"${value}\"`)\r\n        .join(\", \");\r\n      detailLines.push(`**Data Attributes:** ${data}`);\r\n    }\r\n\r\n    if (detailLines.length > 0) {\r\n      lines.push(`#### Details for #${i + 1}:`);\r\n      lines.push(detailLines.join(\"\\n\"));\r\n      lines.push(\"\");\r\n    }\r\n  }\r\n\r\n  return lines.join(\"\\n\");\r\n}\r\n"],"mappings":"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","names":[]}