@lightworkai.official/debug-capture 0.12.8 → 0.14.0

package/src/ui/strings.ts

@@ -64,6 +64,37 @@ export interface Strings {
   handoffFailed: string;
   handoffBlocked: string;
   handoffOpen: string;
+  /*
+   * ขอให้ทีมดำเนินการ — the same dialog turned into a request, where the desk
+   * opens request types to its reporters (docs/WIDGET-ASK-PLAN.md): the door
+   * is a line in the report form, and back.
+   */
+  askInstead: string;
+  askInsteadAction: string;
+  problemInstead: string;
+  problemInsteadAction: string;
+  requestTitle: string;
+  requestTypeLabel: string;
+  /** Carries `{time}`. */
+  requestTarget: string;
+  requestSummaryLabel: string;
+  requestSummaryPlaceholder: string;
+  requestDetailLabel: string;
+  requestDetailPlaceholder: string;
+  requestSubmit: string;
+  requestSubmitted: string;
+  /** The picture, a request's to keep or take off. */
+  requestWithShot: string;
+  requestAnnotateHint: string;
+  /** What was typed last time and not sent, back in the form — and the way to clear it. */
+  draftRestored: string;
+  draftClear: string;
+  /** In the captured row, turned: what a request does NOT send. */
+  requestLeaves: string;
+  requestLeavesWhat: string;
+  /** Carry `{n}`. */
+  days: string;
+  hours: string;
 }
 
 const th: Strings = {
@@ -109,6 +140,27 @@ const th: Strings = {
   handoffFailed: "เปิดรายการที่แจ้งไว้ไม่สำเร็จ",
   handoffBlocked: "เบราว์เซอร์บล็อกการเปิดแท็บใหม่",
   handoffOpen: "เปิดในแท็บใหม่",
+  askInstead: "เป็นคำขอ?",
+  askInsteadAction: "เลือกเรื่องที่ขอ",
+  problemInstead: "เป็นปัญหาที่ต้องแก้?",
+  problemInsteadAction: "แจ้งปัญหาแทน",
+  requestTitle: "ขอให้ทีมดำเนินการ",
+  requestTypeLabel: "เรื่องที่ขอ",
+  requestTarget: "ทีมตั้งใจให้เสร็จภายใน {time}",
+  requestSummaryLabel: "หัวข้อ",
+  requestSummaryPlaceholder: "ขออะไร — สั้น ๆ",
+  requestDetailLabel: "รายละเอียด (ไม่บังคับ)",
+  requestDetailPlaceholder: "สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",
+  requestSubmit: "ส่งคำขอ",
+  requestSubmitted: "ส่งคำขอแล้ว",
+  requestWithShot: "แนบภาพหน้าจอนี้ไปกับคำขอ",
+  requestAnnotateHint: "ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",
+  draftRestored: "ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",
+  draftClear: "ล้าง",
+  requestLeaves: "ไม่ส่งไปกับคำขอ",
+  requestLeavesWhat: "บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",
+  days: "{n} วัน",
+  hours: "{n} ชั่วโมง",
 };
 
 const en: Strings = {
@@ -154,6 +206,27 @@ const en: Strings = {
   handoffFailed: "Could not open your reports",
   handoffBlocked: "Your browser blocked the new tab",
   handoffOpen: "Open in a new tab",
+  askInstead: "Asking for something?",
+  askInsteadAction: "Choose what you need",
+  problemInstead: "Something broken?",
+  problemInsteadAction: "Report a problem instead",
+  requestTitle: "Ask the team",
+  requestTypeLabel: "What you need",
+  requestTarget: "The team aims to finish within {time}",
+  requestSummaryLabel: "Subject",
+  requestSummaryPlaceholder: "What do you need — briefly",
+  requestDetailLabel: "Details (optional)",
+  requestDetailPlaceholder: "What the team needs to know to do it",
+  requestSubmit: "Send request",
+  requestSubmitted: "Request sent",
+  requestWithShot: "Attach this screenshot to the request",
+  requestAnnotateHint: "Mark what you are asking about — box it, point at it, highlight it, or type on it",
+  draftRestored: "What you typed last time, not sent yet",
+  draftClear: "Clear",
+  requestLeaves: "Not sent with a request",
+  requestLeavesWhat: "this page's activity log — it is for problem reports only",
+  days: "{n} days",
+  hours: "{n} hours",
 };
 
 export function strings(locale: "th" | "en" | undefined): Strings {

package/src/ui/styles.ts

@@ -34,11 +34,11 @@ h2 { margin: 0; font-size: 20px; font-weight: 700; flex: 1; }
 label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
 .req { color: #dc2626; }
 .hint { font-weight: 400; color: #64748b; }
-input[type="text"], textarea {
+input[type="text"], textarea, select {
   width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;
   border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: inherit;
 }
-input[type="text"]:focus, textarea:focus {
+input[type="text"]:focus, textarea:focus, select:focus {
   outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
 }
 textarea { min-height: 88px; resize: vertical; }
@@ -93,4 +93,24 @@ canvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; b
   border-radius: 0 0 16px 16px;
 }
 .foot .grow { flex: 1; }
+
+/* ขอให้ทีมดำเนินการ — the same dialog turned into a request (docs/WIDGET-ASK-PLAN.md).
+   The door is a quiet line under the heading: read by the one who asks,
+   costing nothing to the many who report. */
+[hidden] { display: none !important; }
+.door { margin: -8px 0 0; font-size: 13px; color: #64748b; }
+button.link {
+  display: inline; padding: 0; border: 0; border-radius: 4px; background: none;
+  font-size: 13px; font-weight: 600; color: #2563eb;
+  text-decoration: underline; text-underline-offset: 3px;
+}
+button.link:hover:not(:disabled) { background: none; color: #1d4ed8; }
+button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
+.ask p { margin: 0; }
+.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }
+.ask .status { margin-top: 6px; }
+.ask-type { font-size: 14px; font-weight: 600; }
+.shot-choice { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 500; }
+.shot-choice input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }
+.dropped { opacity: 0.35; pointer-events: none; }
 `;