Skip to content

Instantly share code, notes, and snippets.

View bojanrajkovic's full-sized avatar

Bojan Rajkovic bojanrajkovic

View GitHub Profile
@bojanrajkovic
bojanrajkovic / reanchoring-rendered-mode.html
Last active March 9, 2026 19:37
Loupe: Rendered-Mode Comment Re-Anchoring — Four Anchor States Prototype
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loupe — Rendered-Mode Re-Anchoring States</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
@bojanrajkovic
bojanrajkovic / reanchoring-states.html
Last active March 9, 2026 19:15
Loupe: Comment Re-Anchoring — Four Anchor States Prototype
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loupe — Comment Re-Anchoring States</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
@bojanrajkovic
bojanrajkovic / reanchoring.md
Created March 9, 2026 19:02
Loupe: Comment Re-Anchoring Design Doc

Comment Re-Anchoring Design

Summary

When a reviewer leaves a comment on a specific line or passage, that anchor point refers to a particular version of the file. As the author continues working — pushing new commits, rebasing, or amending — the underlying content shifts. Without re-anchoring, comments become misleading: they point to wrong lines or silently disappear. This design introduces a three-layer pipeline that keeps comments positioned correctly as branches evolve, and gives each comment a precise state describing how confident the system is in its current placement.

The pipeline works by combining two complementary techniques that no existing tool does together. Layer 1 applies git's own diff math: given the commit the comment was created against and the current HEAD, it builds a LineAdjustmentMap that translates line numbers through the diff hunks deterministically. Layer 2 verifies that the translated position still contains the expected text. If it does not, Layer 3 searches the file usi

@bojanrajkovic
bojanrajkovic / 2026-03-08-221928-command-messageproject-coordinationcommand-mes.txt
Created March 9, 2026 02:19
Loupe onboarding design conversation — intake, prototyping, issue creation
▐▛███▜▌ Claude Code v2.1.71
▝▜█████▛▘ Opus 4.6 · Claude Max
▘▘ ▝▝ ~/Projects/loupe
❯ /skills
⎿ Skills dialog dismissed
❯ /project-coordination can you help me noodle on a new idea?
@bojanrajkovic
bojanrajkovic / onboarding-flow.html
Last active March 9, 2026 02:14
Loupe onboarding flow prototype — interactive 5-card TypeForm-style wizard
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loupe — Onboarding Flow Prototype</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=80%, initial-scale=1, shrink-to-fit=yes">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=80%, initial-scale=1, shrink-to-fit=yes">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=80%, initial-scale=1, shrink-to-fit=yes">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
{
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": "-- Grafana --",
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",
{
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": "-- Grafana --",
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",