archik 0.14.0 → 0.15.1

package/dist/ui/assets/index-CV6lgiRK.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-rose-700:oklch(51.4% .222 16.935);--spacing:.25rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--tracking-tight:-.025em;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-pre-wrap{white-space:pre-wrap}.text-rose-700{color:var(--color-rose-700)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:no-underline:hover{text-decoration-line:none}}}:root,[data-theme=light]{--archik-canvas:#f8fafc;--archik-panel:#fff;--archik-surface:#f1f5f9;--archik-surface-hover:#e2e8f0;--archik-fg:#0f172a;--archik-fg-dim:#475569;--archik-fg-muted:#94a3b8;--archik-border:#e2e8f0;--archik-border-strong:#cbd5e1;--archik-accent:#2563eb;--archik-accent-bright:#3b82f6;--archik-magenta:#db2777;--archik-success:#10b981;--archik-warning:#d97706;--archik-danger:#e11d48;--archik-node-fill:#fff;--archik-node-fill-tinted:#f1f5f9;--archik-node-fill-frame:#fff;--archik-node-stroke:#0f172a;--archik-node-stroke-soft:#475569;--archik-container-border:#94a3b8;--archik-node-text:#0f172a;--archik-node-text-dim:#475569;--archik-node-caption:#64748b;--archik-node-chrome-dot:#cbd5f5;--archik-edge-filled:#0f172a;--archik-edge-open:#334155;--archik-edge-dim:#64748b;--archik-edge-async:#2563eb;--archik-grid-minor:#e2e8f0;--archik-grid-major:#cbd5e1;--archik-selected:#2563eb;--archik-selected-glow:#2563eb2e;--archik-status-proposed:#6366f1;--archik-status-deprecated:#d97706;--archik-stereotype-boundary:#0369a1;--archik-stereotype-control:#b45309;--archik-stereotype-entity:#15803d;color-scheme:light}[data-theme=dark]{--archik-canvas:#050912;--archik-panel:#0c1426;--archik-surface:#14203a;--archik-surface-hover:#1c2c4d;--archik-fg:#e6edf7;--archik-fg-dim:#8b9bb8;--archik-fg-muted:#5b6a87;--archik-border:#1d2b48;--archik-border-strong:#2c3e63;--archik-accent:#22d3ee;--archik-accent-bright:#67e8f9;--archik-magenta:#f472b6;--archik-success:#34d399;--archik-warning:#fbbf24;--archik-danger:#fb7185;--archik-node-fill:#0c1426;--archik-node-fill-tinted:#142037;--archik-node-fill-frame:#14203a;--archik-node-stroke:#2c3e63;--archik-node-stroke-soft:#1d2b48;--archik-container-border:#3a4f7a;--archik-node-text:#e6edf7;--archik-node-text-dim:#b6c2d8;--archik-node-caption:#67e8f9;--archik-node-chrome-dot:#475878;--archik-edge-filled:#cbd5e1;--archik-edge-open:#94a3b8;--archik-edge-dim:#64748b;--archik-edge-async:#67e8f9;--archik-grid-minor:#0d1830;--archik-grid-major:#182748;--archik-selected:#22d3ee;--archik-selected-glow:#22d3ee47;--archik-status-proposed:#818cf8;--archik-status-deprecated:#fbbf24;--archik-stereotype-boundary:#38bdf8;--archik-stereotype-control:#f59e0b;--archik-stereotype-entity:#22c55e;color-scheme:dark}html,body,#root{background:var(--archik-canvas);height:100%;color:var(--archik-fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}.archik-panel{background:var(--archik-panel);border:1px solid var(--archik-border);border-radius:8px}.archik-input{background:var(--archik-surface);color:var(--archik-fg);border:1px solid var(--archik-border);font:inherit;border-radius:4px;outline:none;padding:4px 8px;font-size:12px;transition:border-color .12s,box-shadow .12s}.archik-input:focus{border-color:var(--archik-accent);box-shadow:0 0 0 3px var(--archik-selected-glow)}.archik-btn{background:var(--archik-surface);color:var(--archik-fg);border:1px solid var(--archik-border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.archik-btn:hover{background:var(--archik-surface-hover);border-color:var(--archik-border-strong)}.archik-btn:disabled{opacity:.5;cursor:not-allowed}.archik-btn-primary{background:var(--archik-accent);border-color:var(--archik-accent);color:#050912}.archik-btn-primary:hover{background:var(--archik-accent-bright);border-color:var(--archik-accent-bright)}[data-theme=light] .archik-btn-primary{color:#fff}.archik-btn-danger{color:var(--archik-danger);border-color:var(--archik-danger);background:0 0;border-style:dashed}.archik-btn-danger:hover{background:var(--archik-danger);color:#050912;border-style:solid}.archik-pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.archik-pill--info{color:var(--archik-accent);border-color:var(--archik-border-strong);background:var(--archik-accent)}@supports (color:color-mix(in lab,red,red)){.archik-pill--info{background:color-mix(in oklab,var(--archik-accent) 8%,transparent)}}.archik-pill--success{color:var(--archik-success);background:var(--archik-success)}@supports (color:color-mix(in lab,red,red)){.archik-pill--success{background:color-mix(in oklab,var(--archik-success) 12%,transparent)}}.archik-pill--warning{color:var(--archik-warning);background:var(--archik-warning)}@supports (color:color-mix(in lab,red,red)){.archik-pill--warning{background:color-mix(in oklab,var(--archik-warning) 14%,transparent)}}.archik-pill--danger{color:var(--archik-danger);background:var(--archik-danger)}@supports (color:color-mix(in lab,red,red)){.archik-pill--danger{background:color-mix(in oklab,var(--archik-danger) 14%,transparent)}}.archik-label{letter-spacing:.12em;text-transform:uppercase;color:var(--archik-fg-muted);margin-bottom:4px;font-size:10px;display:block}.archik-mono{color:var(--archik-fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.archik-divider{border-top:1px solid var(--archik-border)}.archik-grid{background-color:var(--archik-canvas);background-image:radial-gradient(var(--archik-grid-minor) 1px,transparent 1px),radial-gradient(var(--archik-grid-major) 1px,transparent 1px);background-position:0 0,0 0;background-size:20px 20px,100px 100px}.archik-selected-glow{filter:drop-shadow(0 0 6px var(--archik-selected-glow)) drop-shadow(0 0 2px var(--archik-selected-glow));animation:1.8s ease-in-out infinite archikPulse}[data-archik-node-id][data-archik-status=proposed]{opacity:.82}[data-archik-node-id][data-archik-status=proposed] rect,[data-archik-node-id][data-archik-status=proposed] path,[data-archik-node-id][data-archik-status=proposed] ellipse,[data-archik-node-id][data-archik-status=proposed] line{stroke:var(--archik-status-proposed);stroke-dasharray:5 3}[data-archik-node-id][data-archik-status=deprecated]{opacity:.7}[data-archik-node-id][data-archik-status=deprecated] rect,[data-archik-node-id][data-archik-status=deprecated] path,[data-archik-node-id][data-archik-status=deprecated] ellipse,[data-archik-node-id][data-archik-status=deprecated] line{stroke:var(--archik-status-deprecated);stroke-dasharray:2 4}[data-archik-node-id][data-archik-status=deprecated] text{text-decoration:line-through;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--archik-status-deprecated);text-decoration-color:var(--archik-status-deprecated)}.archik-stereotype-band{pointer-events:none}[data-archik-stereotype=boundary] .archik-stereotype-band{fill:var(--archik-stereotype-boundary)}[data-archik-stereotype=control] .archik-stereotype-band{fill:var(--archik-stereotype-control)}[data-archik-stereotype=entity] .archik-stereotype-band{fill:var(--archik-stereotype-entity)}.archik-stereotype-pill{letter-spacing:.08em;border:1px solid #0000;border-radius:10px;align-self:flex-start;align-items:center;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.archik-stereotype-pill[data-stereotype=boundary]{background:var(--archik-stereotype-boundary)}@supports (color:color-mix(in lab,red,red)){.archik-stereotype-pill[data-stereotype=boundary]{background:color-mix(in srgb,var(--archik-stereotype-boundary) 15%,transparent)}}.archik-stereotype-pill[data-stereotype=boundary]{border-color:var(--archik-stereotype-boundary);color:var(--archik-stereotype-boundary)}.archik-stereotype-pill[data-stereotype=control]{background:var(--archik-stereotype-control)}@supports (color:color-mix(in lab,red,red)){.archik-stereotype-pill[data-stereotype=control]{background:color-mix(in srgb,var(--archik-stereotype-control) 15%,transparent)}}.archik-stereotype-pill[data-stereotype=control]{border-color:var(--archik-stereotype-control);color:var(--archik-stereotype-control)}.archik-stereotype-pill[data-stereotype=entity]{background:var(--archik-stereotype-entity)}@supports (color:color-mix(in lab,red,red)){.archik-stereotype-pill[data-stereotype=entity]{background:color-mix(in srgb,var(--archik-stereotype-entity) 15%,transparent)}}.archik-stereotype-pill[data-stereotype=entity]{border-color:var(--archik-stereotype-entity);color:var(--archik-stereotype-entity)}@keyframes archikPulse{0%,to{filter:drop-shadow(0 0 4px var(--archik-selected-glow)) drop-shadow(0 0 1px var(--archik-selected-glow))}50%{filter:drop-shadow(0 0 12px var(--archik-selected-glow)) drop-shadow(0 0 3px var(--archik-selected-glow))}}.archik-modal-overlay{z-index:50;background:var(--archik-canvas);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.archik-modal-overlay{background:color-mix(in oklab,var(--archik-canvas) 70%,transparent)}}.archik-modal-overlay{-webkit-backdrop-filter:blur(4px);animation:.14s ease-out archikFadeIn}.archik-modal{background:var(--archik-panel);border:1px solid var(--archik-border);width:360px;max-width:calc(100vw - 32px);box-shadow:0 12px 40px #00000059,0 0 0 1px var(--archik-border-strong);border-radius:8px;padding:16px;animation:.2s cubic-bezier(.2,.8,.2,1) archikModalIn}.archik-selected-outline{fill:none;stroke:var(--archik-selected);stroke-width:2px;pointer-events:none}@keyframes archikEdgeFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:calc(-1 * var(--archik-dash-period,8) * 1px)}}.archik-edge-flowing{animation:1.4s linear infinite archikEdgeFlow}@media(prefers-reduced-motion:reduce){.archik-edge-flowing{animation:none}}.archik-popover{background:var(--archik-panel);border:1px solid var(--archik-border-strong);border-radius:6px;flex-direction:column;max-height:min(80vh,600px);padding:4px;animation:.16s cubic-bezier(.2,.8,.2,1) archikModalIn;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000059}.archik-menu-item{width:100%;color:var(--archik-fg);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.archik-menu-item:hover{background:var(--archik-surface-hover)}.archik-menu-item--danger{color:var(--archik-danger)}@keyframes archikFadeIn{0%{opacity:0}to{opacity:1}}@keyframes archikModalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.archik-drawer-shell{flex-direction:column;min-width:0;transition:width .22s cubic-bezier(.2,.8,.2,1),opacity .2s,margin-left .22s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.archik-drawer-shell--open{opacity:1;width:320px;margin-left:16px}.archik-drawer-shell--closed{opacity:0;pointer-events:none;width:0;margin-left:0}.archik-drawer-content{flex-shrink:0;width:320px;height:100%}.archik-drawer-fade{animation:.22s ease-out archikFadeIn}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

package/dist/ui/index.html

@@ -14,8 +14,8 @@
         }
       } catch {}
     </script>
-    <script type="module" crossorigin src="/assets/index-Cd7sGYmr.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-EA4oKR1S.css">
+    <script type="module" crossorigin src="/assets/index-CAPTCctF.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CV6lgiRK.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "archik",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "description": "The shared vocabulary between you and Claude Code, at the engineering level. Plain-YAML architecture diagrams with a live browser canvas, headless SVG render in CI, and an installable Claude skill so the model treats the diagram as the spec.",
   "keywords": [
     "architecture",
@@ -39,6 +39,7 @@
     "docs/templates/principles/functional.md",
     "skills",
     "commands",
+    "patterns",
     ".claude-plugin",
     "README.md",
     "LICENSE"

package/patterns/evolution-loop.blueprint.yaml

@@ -0,0 +1,69 @@
+# Blueprint fragment merged into your diagram by `archik patterns apply
+# evolution-loop`. All nodes are `status: proposed` — they describe what
+# you are about to build, so no sourcePath is required yet. Rename ids
+# and fill in sourcePaths as you implement each piece.
+nodes:
+  - id: evo-event-log
+    kind: database
+    name: Event Log
+    status: proposed
+    description: >-
+      Append-only store of usage events (actions, outcomes, corrections).
+      Sanitized at capture time; local to the project; opt-in.
+  - id: evo-reflect-engine
+    kind: module
+    name: Reflect Engine
+    status: proposed
+    description: >-
+      Pure rules that turn events into insights with evidence, e.g.
+      "the same failure happened 5 times this week". Deterministic and
+      unit-testable; an LLM can reflect more deeply on the same data.
+  - id: evo-proposal-store
+    kind: database
+    name: Proposal Store
+    status: proposed
+    description: >-
+      One readable file per proposed self-improvement, with evidence
+      and a status (pending / approved / rejected / applied).
+  - id: evo-approval-gate
+    kind: module
+    name: Approval Gate
+    status: proposed
+    description: >-
+      The human yes/no step. Approved proposals are applied as normal,
+      reviewable changes; rejected ones are recorded as signals too.
+  - id: evo-learned-overlay
+    kind: prompt
+    name: Learned Overlay
+    status: proposed
+    description: >-
+      Append-only file of approved lessons, read by the AI at session
+      start. The system gets smarter without code or prompt redeploys.
+  - id: evo-metrics
+    kind: module
+    name: Evolution Metrics
+    status: proposed
+    description: >-
+      Before/after trend reports (error rate, acceptance rate) that
+      prove an applied proposal actually helped.
+edges:
+  - id: evo-reflect-reads-log
+    from: evo-reflect-engine
+    to: evo-event-log
+    relationship: reads
+  - id: evo-reflect-writes-proposals
+    from: evo-reflect-engine
+    to: evo-proposal-store
+    relationship: writes
+  - id: evo-gate-reads-proposals
+    from: evo-approval-gate
+    to: evo-proposal-store
+    relationship: reads
+  - id: evo-gate-writes-overlay
+    from: evo-approval-gate
+    to: evo-learned-overlay
+    relationship: writes
+  - id: evo-metrics-reads-log
+    from: evo-metrics
+    to: evo-event-log
+    relationship: reads

package/patterns/evolution-loop.md

@@ -0,0 +1,64 @@
+# Evolution Loop
+
+> Intent: Make a system improve itself in small, safe, visible steps.
+
+## The idea in one line
+
+The system watches its own use, finds weak spots, suggests fixes,
+and applies them — but only after a human says yes.
+
+## The six stages
+
+```
+observe → reflect → propose → validate → apply → measure
+   ↑                                                │
+   └────────────────────────────────────────────────┘
+```
+
+| Stage | Question it answers | Example |
+| --- | --- | --- |
+| Observe | What is really happening? | Log every command run and its outcome |
+| Reflect | What patterns repeat? | "Validation failed 5 times this week" |
+| Propose | What should change? | A written proposal file a human can read |
+| Validate | Is the change safe? | Schema check + "would the system still work?" |
+| Apply | Make the change — gated | Human approves; change lands as a normal diff |
+| Measure | Did it actually help? | Compare error rates before and after |
+
+## When to use
+
+- Your system has users who correct it (accept/reject, edit, undo).
+- The same mistakes happen again and again.
+- You want improvement without a human redesigning things each time.
+
+## Rules that keep it safe
+
+1. **Observation is opt-in and local.** No silent data collection.
+2. **Every proposal is a readable file.** Evidence included.
+3. **Nothing applies without approval.** The gate is explicit.
+4. **Rejection is also a signal.** The loop records "no" and learns from it.
+5. **Measure or it didn't happen.** A change with no metric is a guess.
+
+## Trade-offs
+
+- Costs storage and a little time on every action (keep logging cheap).
+- Deterministic heuristics find less than an LLM would — but they are
+  testable and free. Best of both: deterministic core, LLM on top.
+
+## Blueprint
+
+`archik patterns apply evolution-loop` stages these components into
+your diagram (as `status: proposed` nodes you fill in later):
+
+- `evo-event-log` — append-only store of usage events
+- `evo-reflect-engine` — pure rules: events in, insights out
+- `evo-proposal-store` — proposals waiting for review
+- `evo-approval-gate` — the human yes/no step
+- `evo-learned-overlay` — approved knowledge the system reads back
+- `evo-metrics` — before/after trend reports
+
+## Seen in archik
+
+`archik evolution` implements this loop for archik itself:
+events in `.archik/evolution/events.jsonl`, proposals in
+`.archik/evolution/proposals/`, the gate is `archik evolution approve`,
+and `archik evolution report` is the measure stage.

package/patterns/feedback-pipeline.md

@@ -0,0 +1,52 @@
+# Feedback Pipeline
+
+> Intent: Turn every user correction into a recorded signal a system can learn from.
+
+## The idea in one line
+
+Users already tell your system what is wrong — by rejecting, undoing,
+and re-editing. Record those moments; they are free training data.
+
+## Structure
+
+```
+user action (accept / reject / edit / undo / retry)
+      ↓ capture at the boundary, not inside features
+event log (append-only, sanitized, local)
+      ↓
+reflection (heuristics or LLM)  →  insights with evidence
+```
+
+## When to use
+
+- Your system makes suggestions users can act on.
+- You want learning signals **without** asking users to fill surveys.
+- You are building toward an Evolution Loop and need its observe stage.
+
+## Rules that keep it safe
+
+1. **Capture at one boundary** (dispatcher, middleware, API gateway) —
+   features stay unaware they are observed.
+2. **Sanitize at capture time.** Record *that* something happened and
+   its outcome — names and counts, never contents or values.
+3. **Failure to record must never break the user's action.**
+4. **Opt-in.** The user turns the pipeline on, and can read every
+   byte it stores.
+
+## Trade-offs
+
+- Boundary capture sees less detail than in-feature capture; start
+  coarse, add detail only where an insight needs it.
+- Logs grow; rotate or window them.
+
+## Blueprint
+
+Doc-only pattern — model it as `cli/gateway --writes--> event-log` plus
+`reflect-engine --reads--> event-log` (see Evolution Loop blueprint).
+
+## Seen in archik
+
+The dispatcher hook in `src/cli/observe.ts`: every finished command
+appends sanitized events to `.archik/evolution/events.jsonl`, and
+`suggest accept` / `suggest reject` become first-class accept/reject
+signals — the corrections the loop learns from.

package/patterns/learned-overlay.md

@@ -0,0 +1,52 @@
+# Learned Overlay
+
+> Intent: Let an AI system get smarter across sessions without changing its code or base prompt.
+
+## The idea in one line
+
+Keep the base prompt fixed; append approved lessons to a separate
+file the AI reads at the start of every session.
+
+## Structure
+
+```
+base prompt / skill   (fixed, versioned, shipped)
+        +
+learned.md            (grows over time, one approved note per line)
+        ↓
+   the agent reads BOTH and behaves better than last week
+```
+
+## When to use
+
+- The same correction keeps being made to the AI's behaviour.
+- You cannot (or do not want to) redeploy a prompt for every lesson.
+- You need an audit trail: *why* does the agent behave this way?
+
+## Rules that keep it safe
+
+1. **Append-only, human-gated.** A note enters the overlay only
+   through an approval step (see Evolution Loop).
+2. **Every note carries its origin** — date and proposal id — so any
+   behaviour can be traced back to evidence.
+3. **The overlay is plain text in the repo.** Review it, diff it,
+   delete a bad lesson with a normal commit.
+4. Keep it short. If the overlay grows past a page, promote stable
+   lessons into the base prompt and clear them from the overlay.
+
+## Trade-offs
+
+- The overlay consumes context tokens each session.
+- Conflicting notes confuse the agent — the approval gate must reject
+  notes that contradict existing ones.
+
+## Blueprint
+
+Doc-only pattern — model it as a node `learned-overlay` (kind:
+`prompt`) with an edge `agent --reads--> learned-overlay`.
+
+## Seen in archik
+
+`.archik/evolution/learned.md`, written only by
+`archik evolution approve`, read by the archik Claude skill at session
+start and exposed to other agents as the MCP resource `archik://learned`.

package/patterns/sidecar-approval-gate.md

@@ -0,0 +1,52 @@
+# Sidecar Approval Gate
+
+> Intent: Let a machine propose changes to a file a human owns — without ever touching the file itself.
+
+## The idea in one line
+
+The machine writes its draft to a *sidecar* file next to the real one;
+the human sees a diff and decides; only "accept" touches the real file.
+
+## Structure
+
+```
+main.yaml                  ← owned by the human, never written by the machine
+main.suggested.yaml        ← the machine's full proposed end state
+        │
+   [show diff]  →  human  →  accept (sidecar replaces main)
+                          →  reject (sidecar deleted)
+```
+
+## When to use
+
+- An AI agent (or any tool) wants to edit configuration, models,
+  or documents that a human is responsible for.
+- You want review to be a *diff*, not a wall of text.
+- You want "no" to be cheap: rejecting must cost one command.
+
+## Rules that keep it safe
+
+1. The sidecar holds the **complete end state**, not a patch — so the
+   diff is always computable and the apply is always atomic.
+2. The sidecar passes **the same validation** as the real file. An
+   invalid draft never reaches the human.
+3. The machine **refuses to write the main file**, even if asked.
+4. One pending sidecar at a time. A second proposal must wait.
+
+## Trade-offs
+
+- One extra file and one extra step per change.
+- Whole-file proposals can conflict if the main file moves underneath;
+  re-validate at accept time.
+
+## Blueprint
+
+Doc-only pattern (it is a workflow, not components) — model it as an
+edge in your diagram: `agent --writes--> sidecar`, `human --reads--> diff`,
+`gate --writes--> main`.
+
+## Seen in archik
+
+`archik suggest set / show / accept / reject`, and the canvas diff
+overlay. The evolution loop reuses the same gate: an approved
+`update-node` proposal becomes a sidecar, never a direct write.

package/patterns/truth-chain.md

@@ -0,0 +1,54 @@
+# Truth Chain
+
+> Intent: Prove a model is true at every altitude — against itself, against the code, and against production.
+
+## The idea in one line
+
+One check is an opinion; a chain of independent checks at different
+altitudes is proof.
+
+## Structure
+
+```
+model ──(validate)── is the model consistent with itself?
+model ──(drift)───── does the model match the source code?
+model ──(traffic)─── does the model match what production really does?
+```
+
+Each check has a different blind spot, so together they cover what
+no single check can:
+
+| Check | Catches | Blind to |
+| --- | --- | --- |
+| Self-consistency | broken references, rule violations | reality |
+| Code comparison | renamed/moved/deleted code | runtime behaviour |
+| Production comparison | calls nobody declared | code that never runs |
+
+## When to use
+
+- You keep a model/diagram/spec of a system that changes under you.
+- "The docs are stale" is a sentence people say in your team.
+- A self-evolving system needs ground truth to learn against —
+  without it, the system optimizes toward its own mistakes.
+
+## Rules that keep it safe
+
+1. Checks must be **independent** — different inputs, different code.
+2. Each check is **mechanical and CI-gateable** (exit code, JSON).
+3. Undeclared reality **fails** the check; declared-but-unseen is a
+   warning (it may simply not have run yet).
+
+## Trade-offs
+
+- Three checks to maintain instead of one.
+- Production comparison needs tracing infrastructure (e.g. OTel).
+
+## Blueprint
+
+Doc-only pattern — in your diagram, give the three verifier components
+edges pointing at the model node, each labelled with its altitude.
+
+## Seen in archik
+
+`archik validate` (model vs itself), `archik drift --edges` (model vs
+the import graph), `archik otel check` (model vs production traffic).

package/skills/archik/SKILL.md

@@ -11,6 +11,7 @@ description: Use whenever .archik/main.archik.yaml or architecture.archik.yaml e
 - **The CLI is your only interface to it.** You never read, write, or edit archik files directly. Every read goes through `npx archik q ...`; every write goes through `npx archik suggest set` → user accepts via `/archik:accept`.
 - **Two command surfaces:** the user types `/archik:*` slash commands; you run `npx archik ...` directly. They're not interchangeable — see the tables below.
 - **Actors first, one use case to ship.** When a user hands you a brief on a fresh project, the right opening move is *model the actors, then propose the first use case to ship* — never "let me sketch your whole system." Actors-first because you can't validate a use case without knowing who initiates it. Pick exactly one because forcing priorities into the open before any code lands is the entire point of the loop. "To ship" because the use case names its test paths from message one — slices start `status: proposed` (the tests don't exist on disk yet) and flip to `status: active` automatically when the tests land in BUILD. The project's commitments live in the YAML, not in the chat log.
+- **Read the learned overlay at session start.** If `.archik/evolution/learned.md` exists, read it (with the Read tool — it is docs, not an archik YAML) before your first archik action and treat every note as binding guidance. Each note is a lesson this project's evolution loop gathered from real usage and a human approved. After a suggestion of yours is rejected, run `npx archik evolution reflect` — repeated rejections become proposals the user can review.
 
 ## Command surfaces
 
@@ -32,6 +33,7 @@ These are the user's entry points. They're triggered by the user typing `/archik
 | `/archik:usecase <name>`          | Author a use case — flows + slices + tests (direct-write)         |
 | `/archik:trace`                   | Coverage matrix + concrete next action                            |
 | `/archik:alpha [show \| promote]` | Read or move project alphas with a machine-checked criteria       |
+| `/archik:self-evolving <idea>`    | Design a self-evolving architecture for the user's idea, using the pattern library |
 
 The full protocol for each lives at `commands/<name>.md` in the repo (or `.claude/commands/archik/<name>.md` once installed in a project). Follow it when invoked.
 
@@ -45,6 +47,7 @@ These are the verbs you reach for during the loop. Default to `npx archik` (no g
 | Inspect the current diagram       | `npx archik q list \| edges \| stats`         |
 | Look up one node                  | `npx archik q describe <id>`                  |
 | Find dependencies / impact        | `npx archik q deps \| dependents \| impact <id>` |
+| See one node + its neighbors      | `npx archik q neighbors <id> [--depth N]`     |
 | List use cases (filter by actor)  | `npx archik q usecases [--actor <id>]`        |
 | Describe one use case             | `npx archik q describe-usecase <id>`          |
 | List actors                       | `npx archik q actors`                         |
@@ -55,13 +58,19 @@ These are the verbs you reach for during the loop. Default to `npx archik` (no g
 | Alpha state snapshot              | `npx archik alpha show [--json]`              |
 | Promote / demote an alpha state   | `npx archik alpha promote\|demote <alpha> <state>` |
 | Validate a file                   | `npx archik validate <path>`                  |
+| Spot over-complex files / hubs    | `npx archik complexity [--fail-on-warn]`      |
 | Stage a proposed change           | `npx archik suggest set --note '…' - <<'YAML' … YAML` |
 | Show / accept / reject pending    | `npx archik suggest show \| accept \| reject` |
 | Render an SVG                     | `npx archik render --out diagram.svg`         |
+| Render a slice / drop weak edges  | `npx archik render --focus <id>` / `--hide-structural` |
 | Diff two files or git refs        | `npx archik diff a.yaml b.yaml` / `npx archik diff origin/main` |
 | Detect drift vs source tree       | `npx archik drift`                            |
 | Open the live canvas (foreground) | `npx archik dev`                              |
 | Open the canvas (detached)        | `npx archik start` / `stop` / `status`        |
+| Evolution loop state              | `npx archik evolution status [--json]`        |
+| Turn usage history into proposals | `npx archik evolution reflect`                |
+| File a proposal yourself          | `npx archik evolution propose - <<'YAML' … YAML` |
+| Self-evolution pattern library    | `npx archik patterns list \| show <id> \| apply <id>` |
 | Per-command help                  | `npx archik <cmd> --help`                     |
 
 ## Hard rule: the CLI is the only interface to archik files
@@ -133,6 +142,7 @@ Other common queries:
 ```bash
 npx archik q describe orders-api           # node detail + edges
 npx archik q deps orders-api               # what does this node depend on?
+npx archik q neighbors orders-api          # this node + its immediate neighbors (depth 1)
 npx archik q impact payments-db            # what would break if this is removed?
 npx archik q list --kind service           # all services
 npx archik q list --kind queue             # all queues
@@ -393,13 +403,22 @@ Run a candidate through this checklist before staging a sidecar. Each item is a
 - **One reason to change.** Each new node has a single responsibility expressible in one sentence. If `description` rambles, decompose.
 - **Bounded contexts.** Name the context this change belongs to. A change spanning two contexts usually means a missing third (orchestrator, port, gateway).
 - **Async at context boundaries.** Default cross-context coupling to `publishes` / `subscribes` over a stream/queue. `http_call` across contexts is allowed but should be justified (sync-required RPC, query for read-side data).
-- **Composition over sprawl.** Group related nodes under a `module` parent via `parentId`. Flat top-level lists past ~8 nodes are a smell.
+- **Composition over sprawl.** Group related nodes under a `module` parent via `parentId`. Flat top-level lists past ~8 nodes are a smell. Run `npx archik complexity` to catch this objectively — it flags over-large files, over-stuffed containers, hub nodes, and deep nesting, each with a concrete fix.
 - **Ports & adapters at the edge.** External integrations sit behind an `external` node, never inline in a service. Port (interface) + adapter (concrete) is preferred when the integration could swap.
 - **Public traffic → gateway/auth upstream.** Anything user-facing routes through a `gateway`/`auth` node, not directly to a service.
 - **Failure modes.** Async producers imply DLQ/retry on the consumer; `http_call` implies timeout + circuit. Don't draw the happy path alone.
 - **Use case participation → ECB classification.** If a node appears in any active use case slice (check `npx archik q usecases` or trace output), it needs a `stereotype: boundary | control | entity` before the seq diagram is authored. An unclassified node in a `realizes`-linked seq passes structurally but defeats ECB rule enforcement. Classify now; the validator will catch violations at seq-authoring time, not at code-review time.
 - **Lifecycle honesty.** Code-bearing node without code on disk → `status: proposed`. About to be removed → `status: deprecated`.
 
+## Keep views small
+
+A big model isn't read by staring at one giant map — it's read one question at a time. Many small views beat one wall of nodes.
+
+- **Answer questions with a query, not the whole diagram.** "What does X talk to?" → `npx archik q neighbors X` (or `q describe X`). Don't render the full map to answer a local question.
+- **Let `complexity` tell you when to split.** Run `npx archik complexity` (advisory; `--fail-on-warn` for CI/hooks). When it flags a file or container, decompose: move a subsystem into its own `archikFile`, or group nodes under a `module` parent via `parentId`. Strict default limits — 15 nodes/file, 20 edges/file, 6 children/container, degree 6, nesting depth 3. These are hints, not blockers.
+- **Slice when rendering.** `npx archik render --focus <id> [--depth N]` renders only a node's neighborhood; `--hide-structural` (or `--hide-rel`/`--only-rel`) drops weak edges (`uses`, `depends_on`, `has_a`, `implements`, `extends`) so the runtime shape stands out.
+- **For humans on the canvas:** the live canvas has matching controls — collapse/expand containers, hide weak edges, and focus mode (select a node → "Focus on this node", with a depth stepper, Esc to exit). These are view-only and never change the YAML.
+
 ## When to propose, when to defer
 
 **Propose a sidecar (don't silently apply) when work changes shape:**
@@ -647,6 +666,7 @@ npx archik schema                       # the document shape (start here when au
 
 npx archik q describe <id> | deps <id> | dependents <id>
                   list | edges | impact <id> | stats
+                  neighbors <id> [--depth <n>]   # node + everything within N hops (default 1)
                   sequences [--node <id>]   # list seq diagrams; --node filters to flows involving a node
                   usecases [--actor <id>]   # list use cases; filter by actor
                   describe-usecase <id>     # one use case in detail
@@ -665,8 +685,15 @@ npx archik alpha show [--json]          # alpha state snapshot with verification
               alpha demote <alpha> <state>
 
 npx archik validate <path> [--json]     # schema + cross-file + governance constraints
+                                        #   prints an advisory complexity-hint count (never fails on it)
+npx archik complexity [path] [--json]   # advisory report: over-large files, hub nodes, deep nesting
+                  [--fail-on-warn]      #   exit 1 if any finding (CI / pre-commit gate)
+                  [--max-nodes N] [--max-edges N] [--max-children N]
+                  [--max-degree N] [--max-depth N]   # override the strict defaults
 npx archik render --out diagram.svg --theme light|dark
               render --seq <path> --out seq.svg --theme light|dark
+              render --focus <id> [--depth N]        # render only a node's neighborhood
+              render --hide-structural | --hide-rel <a,b> | --only-rel <a,b>   # filter edges
 npx archik diff <a> [b] [--out diff.svg] [--json]
                                         # each side: YAML file OR git ref;
                                         # one arg = that ref vs working tree