dsh-redline 0.0.0-stage → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 klaus-2
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,124 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# dsh-redline
+
+English · [Português (Brasil)](README.pt-BR.md) · [简体中文](README.zh-CN.md)
+
+**Point at any element on the page. Your agent fixes the code.**
+
+`dsh-redline` is a [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) plugin that puts visual review inside the harness browser: select an element, leave a comment, adjust styles live, and confirm — the annotations travel to your agent as structured context attached to your next message, with a cropped screenshot of exactly the region you marked.
+
+`dsh plugin --profile web add dsh-redline`
+
+---
+
+## Why this exists
+
+Describing a UI problem in words loses the pointer. "The button in the middle section looks off" makes your agent guess. Redline keeps the feedback attached to the element: selector, role, text, your comment, a cropped screenshot, and every style tweak you tried — delivered in one structured block the agent can act on.
+
+## Product tour
+
+![Redline demo loop](docs/assets/demo.svg)
+
+1. Press **C** (comment) or **V** (adjust) in any page opened in the harness browser.
+2. Click an element. A popover opens anchored to it.
+3. Write the comment, or open the inspector and adjust text, colors, typography, size, spacing, borders and effects — every change previews live on the page.
+4. Confirm. The card above the composer collects your pins. Send, and the annotations reach the agent as a snapshot alongside your message — rendered natively in the chat.
+
+## What the agent receives
+
+For each pin, one block in a single snapshot:
+
+- `Target` — tag, role, accessible label
+- `Target selector` — a CSS path back to the element
+- `Target text` / `Component` — content and framework hints
+- `Screenshot (cropped around the target)` — a JPEG of the marked region with surrounding context
+- `Comment` — what you asked for
+- `Requested visual changes` — every live adjustment as `prop: before -> after`
+- `Requested text change` — when you edited the element's text
+
+## Features
+
+- Element picking with hover highlight on any page the harness browser renders
+- Per-pin comments, editable in place, with resolve/reopen/delete
+- Live style inspector with rollback: drag-to-scrub numbers, color pickers, presets, linked box-model and radius edits, shadow and transform composers, per-row reset
+- Cropped screenshots per pin (not the whole viewport)
+- Annotations attach to the next message of the session you are viewing, rendered as a native chat card
+- Reconciliation: removing a pin from the card removes it from the page overlay too
+- English, Português (Brasil) and 简体中文 in the overlay UI, chosen from the browser locale
+
+## Install
+
+```bash
+dsh plugin --profile web add dsh-redline
+dsh web
+```
+
+For a private or unreleased build, install from a git URL or a local path:
+
+```bash
+dsh plugin --profile web add git+https://github.com/klaus-2/dsh-redline.git
+dsh plugin --profile web add ./dsh-redline
+```
+
+## Use
+
+| Key | Action |
+| --- | --- |
+| `C` | Comment mode — pick an element, write what should change |
+| `V` | Adjust mode — pick an element, open the live style inspector |
+| `Esc` | Cancel the current mode, popover or preview |
+| `Enter` | Save the annotation from the popover |
+
+Pins collect in the card above the composer. **Send** dispatches them with your next message; the ✕ discards them, and the page overlay updates itself.
+
+## Security notes
+
+The loopback server binds to 127.0.0.1 only and validates the Host header, so remote origins cannot reach it. Pages running in the harness browser can submit annotations by design — that is the plugin working as intended, so treat comments arriving through Redline like any other user-authored input. The status endpoint exposes recent activity summaries (no secrets; no cookies are forwarded through the proxy).
+
+## Configure
+
+Nothing to configure by default. The plugin starts a loopback server (`127.0.0.1:47477`, falling back to the next 20 ports) that serves the overlay, the screenshot attachments and the annotation intake.
+
+## How it works
+
+The client face injects the overlay into every page the harness browser renders. Annotations POST to the loopback server, which stores a pending snapshot keyed by the session you are viewing. When you send a message, the host attaches the snapshot to the agent's turn as a producer-owned context message with section metadata, and the chat renders it as a collapsible card.
+
+## Develop
+
+```bash
+npm install
+npm run build
+npm test
+npm run strip-comments
+```
+
+`overlay.template.js` + `tencil-overlay.css` are the sources; `lib/overlay.js` is generated — never edit it directly. `tools/smoke.mjs` runs 33 checks (proxy, rewrite, intake, screenshots, context format, overlay integrity) against an isolated port.
+
+## Scope
+
+One harness instance, pages rendered by its built-in browser, viewport-based crops. Remote browsers and full-page capture are out of scope for now.
+
+## Credits
+
+### Contains code from
+
+- **[tencil](https://tencil.dev/)** — the overlay design system in
+  `tencil-overlay.css` is derived from tencil's overlay sources
+  (Copyright 2026 Pixel Perfect Agency, licensed under Apache-2.0 and
+  modified: accent palette, comment removal, inspector additions).
+  Full notice: [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md).
+
+- **[html2canvas](https://html2canvas.hertzen.com/)** — `vendor/html2canvas.min.js`
+  bundles version 1.4.1 (Copyright 2022 Niklas von Hertzen, MIT) to render
+  screenshot crops without any install-time dependency.
+  Full notice: [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md).
+
+### Inspired by
+
+- **[dsh-web-review](https://github.com/CanglongCl/dsh-web-review)** —
+  the delivery loop (annotations attaching to the agent's next message).
+- **[dsh-annotate](https://github.com/BrambleXu/dsh-annotate)** —
+  the structured browser-facts shape and the update-check pattern.
+
+## License
+
+[MIT](LICENSE)

package/README.pt-BR.md

@@ -0,0 +1,50 @@
+# dsh-redline
+
+[English](README.md) · Português (Brasil) · [简体中文](README.zh-CN.md)
+
+**Aponte para qualquer elemento da página. Seu agente corrige o código.**
+
+`dsh-redline` é um plugin do [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) que traz a revisão visual para dentro do navegador do harness: selecione um elemento, escreva um comentário, ajuste estilos ao vivo e confirme — as anotações chegam ao agente como contexto estruturado anexado à sua próxima mensagem, com um recorte de screenshot exatamente da região marcada.
+
+```
+dsh plugin --profile web add dsh-redline
+```
+
+## Por que existe
+
+Descrever um problema de UI em palavras perde o ponteiro. "O botão do meio parece errado" faz o agente adivinhar. O Redline mantém o feedback ligado ao elemento: seletor, role, texto, seu comentário, um recorte de screenshot e cada ajuste de estilo que você tentou — tudo em um bloco estruturado.
+
+## Como usar
+
+1. Em qualquer página aberta no navegador do harness, pressione **C** (comentário) ou **V** (ajuste).
+2. Clique em um elemento; o popover abre ancorado nele.
+3. Escreva o comentário ou abra o inspetor e ajuste texto, cores, tipografia, tamanho, espaçamento, bordas e efeitos — cada mudança faz preview ao vivo.
+4. Confirme. O card acima do composer coleta seus pins. Envie e as anotações chegam ao agente como snapshot junto da sua mensagem — renderizadas nativamente no chat.
+
+## Funcionalidades
+
+- Picking de elementos com highlight de hover em qualquer página
+- Comentários por pin, editáveis no lugar, com resolver/reabrir/excluir
+- Inspetor de estilos ao vivo com rollback: números por arraste, color picker, predefinições, box model e raio com link, sombra e transformação, reset por linha
+- Screenshots recortadas por pin (não a viewport inteira)
+- Anotações anexam à próxima mensagem da sessão visualizada, renderizadas como card nativo
+- Reconciliação: remover um pin no card remove também na página
+- Interface em English / Português (Brasil) / 简体中文, escolhida pelo idioma do navegador
+
+## Desenvolvimento
+
+```bash
+npm install
+npm run build
+npm test
+```
+
+`overlay.template.js` + `tencil-overlay.css` são os fontes; `lib/overlay.js` é gerado — nunca edite direto.
+
+## Créditos
+
+O design do overlay contém código derivado do sistema de overlay do [tencil](https://tencil.dev/) (Apache-2.0 — veja [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md)). Inspirado por [dsh-web-review](https://github.com/CanglongCl/dsh-web-review) e [dsh-annotate](https://github.com/BrambleXu/dsh-annotate).
+
+## Licença
+
+[MIT](LICENSE)

package/README.zh-CN.md

@@ -0,0 +1,46 @@
+# dsh-redline
+
+[English](README.md) · [Português (Brasil)](README.pt-BR.md) · 简体中文
+
+**指向页面上的任意元素，你的智能体直接改代码。**
+
+`dsh-redline` 是 [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) 的插件，把可视化评审放进内置浏览器：选中元素、写批注、实时调整样式并确认——批注会作为结构化上下文附加到你的下一条消息，并附带精确裁剪的截图。
+
+```
+dsh plugin --profile web add dsh-redline
+```
+
+## 为什么做这个
+
+用文字描述 UI 问题会丢失指针。"中间那个按钮看起来不对" 只能让智能体去猜。Redline 把反馈绑定到元素本身：选择器、角色、文本、你的评论、裁剪截图，以及你尝试过的每一项样式调整，一次性以结构化块发送。
+
+## 使用方式
+
+1. 在内置浏览器打开的任意页面按 **C**（评论）或 **V**（调整）。
+2. 点击元素，弹出的面板会锚定在元素上。
+3. 写评论，或打开检查器实时调整文本、颜色、排版、尺寸、间距、边框和效果——每次修改都会即时预览。
+4. 确认后，composer 上方的卡片收集所有标注；发送时，标注作为快照随消息一起送达智能体，并在聊天中原生渲染。
+
+## 功能
+
+- 任意页面上的元素拾取与悬停高亮
+- 每个标注可就地编辑评论，支持解决/重新打开/删除
+- 带回滚的实时样式检查器：拖拽数值、取色器、预设、联动盒模型与圆角、阴影与变换，逐行重置
+- 每个标注独立裁剪截图（不是整个视口）
+- 标注附加到当前查看会话的下一条消息，在聊天中原生渲染为卡片
+- 卡片与页面浮层之间的双向同步
+- 界面支持 English / Português (Brasil) / 简体中文，按浏览器语言自动选择
+
+## 开发
+
+```bash
+npm install
+npm run build
+npm test
+```
+
+`overlay.template.js` + `tencil-overlay.css` 是源文件；`lib/overlay.js` 由构建生成，请勿直接修改。
+
+## 许可
+
+[MIT](LICENSE)

package/THIRD-PARTY-NOTICES.md

@@ -0,0 +1,244 @@
+# Third-party notices
+
+This repository contains code derived from third-party open-source projects.
+The licenses below apply to the files indicated.
+
+## tencil overlay design system
+
+- **Source**: https://github.com/tencildev/tencil (packages/overlay design system)
+- **Copyright**: 2026 Pixel Perfect Agency
+- **License**: Apache License 2.0
+- **Files**: `tencil-overlay.css` (design tokens, component styles, pin state
+  animations), parts of `overlay.template.js` (component structure)
+- **Modified**: accent palette recolored to the redline brand, comments
+  removed, inspector styles and additions contributed by this project
+
+The Apache License 2.0 text is reproduced below as required by the license.
+
+---
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed them; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+--------------------------------------------------------------------------------
+html2canvas 1.4.1 — vendor/html2canvas.min.js
+--------------------------------------------------------------------------------
+Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/cordis.patch.yml

@@ -0,0 +1,3 @@
+- insert:
+    - id: redline
+      name: dsh-redline