feat: conversation minimize, HF sync UX, inventory editing/sort/drag/tags

Conversation:
- Minimize/expand the transcript panel (chevron + tap-header-to-expand;
minimized header shows the message count).

HF sync:
- Save/Load side by side; each asks for confirmation and states what will be
overwritten (item count, plan y/n, shopping count) before replacing.
- Auto-sync toggle: debounced upload ~4s after each change (reuses
hfDatasetSync); shows 'last synced' relative time.

Inventory:
- Edit any item in a styled modal (name/qty/unit/expiration/location);
new inv.normalizeItemInput replaces the item in place.
- Restyled 'Use' modal (was window.prompt) with an amount field + 'use all'.
- Delete asks for confirmation.
- Expiration date now shown on every card (clock icon + date, red if overdue);
sort control: Expiration / Name / Custom.
- Custom mode: pointer-based drag-to-reorder (works on touch), persisted.
- Storage location shown as a chip; tapping it filters the list to that
location; add/edit location field autocompletes from existing locations.
- New line SVG action icons (edit/use/trash/drag/clock/pin) matching the
hand-drawn style; reusable modal + confirm helpers.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/{embed-Nu2ZlthJ.css → embed-DdITxSHM.css}

@@ -1 +1 @@
-:root{--cream: #fff4e6;--cream-strong: #ffe8c9;--peach: #f8b48a;--peach-deep: #e5885c;--teal: #2c8b88;--teal-dark: #0f5453;--ink: #1c2428;--muted: #4e5c61;--white: #ffffff;--card: #fffaf3;--danger: #b3402a;--danger-bg: #ffe1d6;--warn: #8a6210;--warn-bg: #ffedc2;--shadow-sm: 0 8px 18px rgba(24, 38, 38, .08);--shadow-lg: 0 18px 40px rgba(24, 38, 38, .15)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#fff7ed,#fef0e1,#f5ece6);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{display:flex;flex-direction:column;height:100dvh}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1rem calc(7.5rem + env(safe-area-inset-bottom,0px));max-width:640px;width:100%;margin:0 auto}.app-tabs{display:flex;background:var(--white);border-top:1px solid rgba(44,139,136,.12);box-shadow:0 -6px 18px #1826260f;padding-bottom:env(safe-area-inset-bottom,0px)}.app-tabs button{flex:1;min-height:58px;border:none;background:none;color:var(--muted);font-family:inherit;font-size:.72rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;padding:.4rem .2rem;touch-action:manipulation;transition:color .2s ease,transform .15s ease}.app-tabs button:active{transform:scale(.94)}.app-tabs button .tab-icon{line-height:1;display:flex}.app-tabs button .tab-icon svg{width:23px;height:23px}.app-tabs button.active{color:var(--teal)}h1{font-family:Fraunces,serif;font-size:1.55rem;margin:.3rem 0 1rem;color:var(--ink)}h2{font-family:inherit;font-size:.82rem;font-weight:800;margin:1.5rem 0 .6rem;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em}.card{background:var(--white);border:1px solid rgba(0,0,0,.04);border-radius:20px;padding:.95rem 1.05rem;margin-bottom:.7rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.row{display:flex;align-items:center;gap:.6rem}.row .grow{flex:1;min-width:0}.item-title{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-sub{color:var(--muted);font-size:.85rem;margin-top:.15rem}.chip{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:.16rem .6rem;margin-left:.4rem;vertical-align:middle}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.danger{background:var(--danger-bg);color:var(--danger)}button.btn{min-height:46px;min-width:46px;border-radius:14px;border:1px solid rgba(44,139,136,.2);background:var(--card);color:var(--teal-dark);font-family:inherit;font-size:.95rem;font-weight:700;padding:0 1rem;cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}button.btn:active{transform:scale(.97)}button.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--white);box-shadow:0 10px 24px #2c8b8840}button.btn.small{min-height:44px;font-size:.85rem;padding:0 .75rem}button.btn.block{width:100%;margin:.45rem 0}input,select{min-height:46px;width:100%;min-width:0;max-width:100%;border-radius:14px;border:1.5px solid var(--cream-strong);background:var(--white);color:var(--ink);font-family:inherit;font-size:1rem;padding:0 .8rem;transition:border-color .2s ease,box-shadow .2s ease}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;min-width:0}.form-grid>div{min-width:0}input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #2c8b8826}label{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin:.65rem 0 .28rem}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:0 .6rem}.empty{color:var(--muted);text-align:center;padding:2rem 1rem}.day-card .day-name{font-family:Fraunces,serif;font-weight:700;font-size:1.05rem;margin-bottom:.4rem}.meal{border-top:1px solid var(--cream-strong);padding:.55rem 0}.meal:first-of-type{border-top:none}.meal .meal-kind{font-size:.72rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.06em}.meal .meal-name{font-weight:800;margin:.12rem 0}.meal .meal-ing{color:var(--muted);font-size:.85rem}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--teal-dark);color:var(--white);border-radius:14px;padding:.65rem 1.05rem;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:10;max-width:90vw;animation:toast-in .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.hint{font-size:.82rem;color:var(--muted);line-height:1.45}.lang-toggle{display:flex;gap:.5rem}.lang-toggle button{flex:1}.lang-toggle button.active{background:var(--teal);color:var(--white);border-color:var(--teal)}.voice-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:9;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 1.4rem;border-radius:999px;border:none;background:var(--teal);color:var(--white);font-family:inherit;font-size:.98rem;font-weight:800;box-shadow:0 12px 30px #2c8b8859;cursor:pointer;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation;transition:transform .15s ease,background .25s ease,box-shadow .25s ease}.voice-fab:active{transform:translate(-50%) scale(.96)}.voice-fab.active{background:var(--peach-deep);box-shadow:0 12px 30px #e5885c66}.voice-fab.speaking{background:var(--peach-deep);animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{0%,to{box-shadow:0 12px 30px #e5885c59}50%{box-shadow:0 12px 40px #e5885ca6}}.voice-fab svg{width:19px;height:19px;flex:none}.voice-fab .spin-path{transform-origin:12px 12px;animation:fab-spin .9s linear infinite}@keyframes fab-spin{to{transform:rotate(360deg)}}.voice-transcript{position:fixed;left:50%;transform:translate(-50%);bottom:calc(136px + env(safe-area-inset-bottom,0px));width:min(92vw,560px);max-height:38vh;display:none;background:#f8f9fa;border:1px solid #e9ecef;border-radius:24px;box-shadow:var(--shadow-lg);z-index:8;overflow:hidden}.voice-transcript .vt-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid #e9ecef;font-size:.75rem;font-weight:800;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;background:var(--white)}.voice-transcript .vt-clear{border:none;background:none;color:var(--peach-deep);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;min-height:32px;padding:0 .4rem}.voice-transcript .vt-body{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(38vh - 44px);padding:.8rem .9rem .9rem;display:flex;flex-direction:column;gap:.7rem}.voice-transcript .vt-msg{display:flex;align-items:flex-end;gap:8px;animation:slide-in .4s cubic-bezier(.175,.885,.32,1.275)}.voice-transcript .vt-msg.user{flex-direction:row-reverse}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.voice-transcript .avatar{width:34px;height:34px;flex:none}.voice-transcript .bubble{padding:9px 13px;border-radius:16px;max-width:80%;font-size:.9rem;line-height:1.45;color:var(--white)}.voice-transcript .vt-msg.assistant .bubble{background:var(--peach-deep);border-bottom-left-radius:4px;box-shadow:0 4px 15px #2c8b8826}.voice-transcript .vt-msg.user .bubble{background:var(--teal);border-bottom-right-radius:4px;box-shadow:0 4px 15px #2c8b8833}.voice-transcript .vt-empty{color:var(--muted);font-size:.85rem;text-align:center;padding:.6rem 0}.voice-transcript .bubble.photo-bubble{padding:5px;background:var(--white);box-shadow:var(--shadow-sm)}.voice-transcript .bubble .photo{display:block;max-width:100%;max-height:180px;border-radius:12px}
+:root{--cream: #fff4e6;--cream-strong: #ffe8c9;--peach: #f8b48a;--peach-deep: #e5885c;--teal: #2c8b88;--teal-dark: #0f5453;--ink: #1c2428;--muted: #4e5c61;--white: #ffffff;--card: #fffaf3;--danger: #b3402a;--danger-bg: #ffe1d6;--warn: #8a6210;--warn-bg: #ffedc2;--shadow-sm: 0 8px 18px rgba(24, 38, 38, .08);--shadow-lg: 0 18px 40px rgba(24, 38, 38, .15)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#fff7ed,#fef0e1,#f5ece6);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{display:flex;flex-direction:column;height:100dvh}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1rem calc(7.5rem + env(safe-area-inset-bottom,0px));max-width:640px;width:100%;margin:0 auto}.app-tabs{display:flex;background:var(--white);border-top:1px solid rgba(44,139,136,.12);box-shadow:0 -6px 18px #1826260f;padding-bottom:env(safe-area-inset-bottom,0px)}.app-tabs button{flex:1;min-height:58px;border:none;background:none;color:var(--muted);font-family:inherit;font-size:.72rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;padding:.4rem .2rem;touch-action:manipulation;transition:color .2s ease,transform .15s ease}.app-tabs button:active{transform:scale(.94)}.app-tabs button .tab-icon{line-height:1;display:flex}.app-tabs button .tab-icon svg{width:23px;height:23px}.app-tabs button.active{color:var(--teal)}h1{font-family:Fraunces,serif;font-size:1.55rem;margin:.3rem 0 1rem;color:var(--ink)}h2{font-family:inherit;font-size:.82rem;font-weight:800;margin:1.5rem 0 .6rem;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em}.card{background:var(--white);border:1px solid rgba(0,0,0,.04);border-radius:20px;padding:.95rem 1.05rem;margin-bottom:.7rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.row{display:flex;align-items:center;gap:.6rem}.row .grow{flex:1;min-width:0}.item-title{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-sub{color:var(--muted);font-size:.85rem;margin-top:.15rem}.chip{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:.16rem .6rem;margin-left:.4rem;vertical-align:middle}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.danger{background:var(--danger-bg);color:var(--danger)}button.btn{min-height:46px;min-width:46px;border-radius:14px;border:1px solid rgba(44,139,136,.2);background:var(--card);color:var(--teal-dark);font-family:inherit;font-size:.95rem;font-weight:700;padding:0 1rem;cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}button.btn:active{transform:scale(.97)}button.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--white);box-shadow:0 10px 24px #2c8b8840}button.btn.small{min-height:44px;font-size:.85rem;padding:0 .75rem}button.btn.block{width:100%;margin:.45rem 0}input,select{min-height:46px;width:100%;min-width:0;max-width:100%;border-radius:14px;border:1.5px solid var(--cream-strong);background:var(--white);color:var(--ink);font-family:inherit;font-size:1rem;padding:0 .8rem;transition:border-color .2s ease,box-shadow .2s ease}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;min-width:0}.form-grid>div{min-width:0}input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #2c8b8826}label{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin:.65rem 0 .28rem}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:0 .6rem}.empty{color:var(--muted);text-align:center;padding:2rem 1rem}.day-card .day-name{font-family:Fraunces,serif;font-weight:700;font-size:1.05rem;margin-bottom:.4rem}.meal{border-top:1px solid var(--cream-strong);padding:.55rem 0}.meal:first-of-type{border-top:none}.meal .meal-kind{font-size:.72rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.06em}.meal .meal-name{font-weight:800;margin:.12rem 0}.meal .meal-ing{color:var(--muted);font-size:.85rem}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--teal-dark);color:var(--white);border-radius:14px;padding:.65rem 1.05rem;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:10;max-width:90vw;animation:toast-in .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.hint{font-size:.82rem;color:var(--muted);line-height:1.45}.lang-toggle{display:flex;gap:.5rem}.lang-toggle button{flex:1}.lang-toggle button.active{background:var(--teal);color:var(--white);border-color:var(--teal)}.voice-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:9;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 1.4rem;border-radius:999px;border:none;background:var(--teal);color:var(--white);font-family:inherit;font-size:.98rem;font-weight:800;box-shadow:0 12px 30px #2c8b8859;cursor:pointer;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation;transition:transform .15s ease,background .25s ease,box-shadow .25s ease}.voice-fab:active{transform:translate(-50%) scale(.96)}.voice-fab.active{background:var(--peach-deep);box-shadow:0 12px 30px #e5885c66}.voice-fab.speaking{background:var(--peach-deep);animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{0%,to{box-shadow:0 12px 30px #e5885c59}50%{box-shadow:0 12px 40px #e5885ca6}}.voice-fab svg{width:19px;height:19px;flex:none}.voice-fab .spin-path{transform-origin:12px 12px;animation:fab-spin .9s linear infinite}@keyframes fab-spin{to{transform:rotate(360deg)}}.voice-transcript{position:fixed;left:50%;transform:translate(-50%);bottom:calc(136px + env(safe-area-inset-bottom,0px));width:min(92vw,560px);max-height:38vh;display:none;background:#f8f9fa;border:1px solid #e9ecef;border-radius:24px;box-shadow:var(--shadow-lg);z-index:8;overflow:hidden}.voice-transcript .vt-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid #e9ecef;font-size:.75rem;font-weight:800;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;background:var(--white)}.voice-transcript .vt-clear{border:none;background:none;color:var(--peach-deep);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;min-height:32px;padding:0 .4rem}.voice-transcript .vt-body{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(38vh - 44px);padding:.8rem .9rem .9rem;display:flex;flex-direction:column;gap:.7rem}.voice-transcript .vt-msg{display:flex;align-items:flex-end;gap:8px;animation:slide-in .4s cubic-bezier(.175,.885,.32,1.275)}.voice-transcript .vt-msg.user{flex-direction:row-reverse}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.voice-transcript .avatar{width:34px;height:34px;flex:none}.voice-transcript .bubble{padding:9px 13px;border-radius:16px;max-width:80%;font-size:.9rem;line-height:1.45;color:var(--white)}.voice-transcript .vt-msg.assistant .bubble{background:var(--peach-deep);border-bottom-left-radius:4px;box-shadow:0 4px 15px #2c8b8826}.voice-transcript .vt-msg.user .bubble{background:var(--teal);border-bottom-right-radius:4px;box-shadow:0 4px 15px #2c8b8833}.voice-transcript .vt-empty{color:var(--muted);font-size:.85rem;text-align:center;padding:.6rem 0}.voice-transcript .bubble.photo-bubble{padding:5px;background:var(--white);box-shadow:var(--shadow-sm)}.voice-transcript .bubble .photo{display:block;max-width:100%;max-height:180px;border-radius:12px}.sort-bar{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 .8rem}.sort-bar .sort-label{font-size:.8rem;font-weight:700;color:var(--muted)}.segmented{display:inline-flex;background:var(--cream-strong);border-radius:12px;padding:3px;gap:2px}.segmented button{border:none;background:none;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--teal-dark);padding:.35rem .7rem;border-radius:9px;cursor:pointer;min-height:36px;touch-action:manipulation}.segmented button.active{background:var(--white);color:var(--teal);box-shadow:var(--shadow-sm)}.drag-hint{display:flex;align-items:center;gap:.35rem;margin:0 0 .5rem}.drag-hint svg{width:16px;height:16px}.filter-banner{display:flex;align-items:center;gap:.4rem;width:100%;border:none;background:var(--cream-strong);color:var(--teal-dark);font-family:inherit;font-weight:700;font-size:.85rem;border-radius:12px;padding:.5rem .8rem;margin-bottom:.6rem;cursor:pointer}.filter-banner svg{width:16px;height:16px;flex:none}.inv-list{display:flex;flex-direction:column;gap:.6rem}.inv-card{display:flex;align-items:center;gap:.5rem;margin-bottom:0;touch-action:pan-y}.inv-card.dragging{opacity:.85;box-shadow:var(--shadow-lg);transform:scale(1.02)}.drag-handle{display:flex;align-items:center;color:var(--muted);cursor:grab;padding:.2rem;margin:-.2rem 0 -.2rem -.3rem}.drag-handle svg{width:18px;height:18px}.item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;margin-top:.25rem;font-size:.82rem;color:var(--muted)}.item-meta .qty{font-weight:700;color:var(--ink)}.item-meta .exp{display:inline-flex;align-items:center;gap:.2rem}.item-meta .exp.over{color:var(--danger);font-weight:700}.item-meta .exp svg{width:14px;height:14px}.item-meta .loc-chip{display:inline-flex;align-items:center;gap:.15rem;border:none;background:var(--cream-strong);color:var(--teal-dark);font-family:inherit;font-size:.78rem;font-weight:700;border-radius:999px;padding:.12rem .5rem .12rem .35rem;cursor:pointer;touch-action:manipulation}.item-meta .loc-chip svg{width:13px;height:13px}.inv-actions{display:flex;gap:.15rem;flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--teal-dark);border-radius:10px;cursor:pointer;touch-action:manipulation;transition:background .15s ease,transform .15s ease}.icon-btn:active{transform:scale(.9)}.icon-btn:hover{background:var(--cream)}.icon-btn svg{width:20px;height:20px}.icon-btn.danger{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#18262673;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));animation:fade-in .2s ease}@media (min-width: 540px){.modal-backdrop{align-items:center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--white);border-radius:22px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:1.1rem 1.1rem 1rem;animation:modal-up .28s cubic-bezier(.175,.885,.32,1.1)}@keyframes modal-up{0%{transform:translateY(20px);opacity:.6}to{transform:translateY(0);opacity:1}}.modal-title{font-family:Fraunces,serif;font-size:1.2rem;font-weight:700;margin-bottom:.6rem}.modal-body.confirm-msg{color:var(--muted);line-height:1.5;padding:.2rem 0 .4rem}.modal-actions{display:flex;gap:.6rem;margin-top:1rem}.modal-actions .btn{flex:1}.sync-row{display:flex;gap:.6rem;margin-top:.6rem}.sync-row .btn{flex:1}.switch-row{display:flex;align-items:center;gap:.7rem;margin-top:.9rem}.switch-row>span:first-child{flex:1}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:46px;height:28px;border-radius:999px;background:var(--cream-strong);position:relative;flex:none;cursor:pointer;transition:background .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.switch:checked{background:var(--teal)}.switch:checked:after{transform:translate(18px)}.sync-status{margin-top:.7rem;text-align:center}.vt-head-actions{display:flex;align-items:center;gap:.2rem}.vt-min{width:32px;height:32px;color:var(--teal-dark)}.vt-min svg{width:20px;height:20px}.voice-transcript.minimized{max-height:none}.voice-transcript.minimized .vt-body{display:none}.voice-transcript.minimized .vt-head{cursor:pointer}

assets/{index-CppylzQx.js → index-BkQO3aLW.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/auto-CaTD3xKq.js","assets/sub-paths-F6TP7MGR-8fYyfeHC.js","assets/embed-tHhpGeu0.js","assets/embed-Nu2ZlthJ.css","assets/landing-DkIk3-oJ.js","assets/landing-BJE7fNCb.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/auto-CaTD3xKq.js","assets/sub-paths-F6TP7MGR-8fYyfeHC.js","assets/embed-CtskQx_e.js","assets/embed-DdITxSHM.css","assets/landing-DkIk3-oJ.js","assets/landing-BJE7fNCb.css"])))=>i.map(i=>d[i]);
 var G=Object.defineProperty;var q=(o,a,e)=>a in o?G(o,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[a]=e;var d=(o,a,e)=>q(o,typeof a!="symbol"?a+"":a,e);(function(){const a=document.createElement("link").relList;if(a&&a.supports&&a.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))t(i);new MutationObserver(i=>{for(const s of i)if(s.type==="childList")for(const n of s.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&t(n)}).observe(document,{childList:!0,subtree:!0});function e(i){const s={};return i.integrity&&(s.integrity=i.integrity),i.referrerPolicy&&(s.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?s.credentials="include":i.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function t(i){if(i.ep)return;i.ep=!0;const s=e(i);fetch(i.href,s)}})();const W="modulepreload",z=function(o){return"/"+o},O={},U=function(a,e,t){let i=Promise.resolve();if(e&&e.length>0){document.getElementsByTagName("link");const n=document.querySelector("meta[property=csp-nonce]"),r=(n==null?void 0:n.nonce)||(n==null?void 0:n.getAttribute("nonce"));i=Promise.allSettled(e.map(c=>{if(c=z(c),c in O)return;O[c]=!0;const l=c.endsWith(".css"),h=l?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${h}`))return;const u=document.createElement("link");if(u.rel=l?"stylesheet":W,l||(u.as="script"),u.crossOrigin="",u.href=c,r&&u.setAttribute("nonce",r),document.head.appendChild(u),l)return new Promise((p,g)=>{u.addEventListener("load",p),u.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${c}`)))})}))}function s(n){const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=n,window.dispatchEvent(r),!r.defaultPrevented)throw n}return i.then(n=>{for(const r of n||[])r.status==="rejected"&&s(r.reason);return a().catch(s)})};var J=Object.defineProperty,K=(o,a,e)=>a in o?J(o,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[a]=e,k=(o,a,e)=>(K(o,typeof a!="symbol"?a+"":a,e),e),B="https://huggingface.co";async function T(o,a){var e,t;const i=new X(o.url,o.status,(e=o.headers.get("X-Request-Id"))!=null?e:void 0);i.message=`Api error with status ${i.statusCode}`;const s=[`URL: ${i.url}`,i.requestId?`Request ID: ${i.requestId}`:void 0].filter(Boolean).join(". ");if((t=o.headers.get("Content-Type"))!=null&&t.startsWith("application/json")){const n=await o.json();i.message=n.error||n.message||i.message,i.data=n}else i.data={message:await o.text()};throw i.message+=`. ${s}`,i}var X=class extends Error{constructor(o,a,e,t){super(t),k(this,"statusCode"),k(this,"url"),k(this,"requestId"),k(this,"data"),this.statusCode=a,this.requestId=e,this.url=o}};new Promise(o=>{});function Y(o){if(globalThis.Buffer)return globalThis.Buffer.from(o).toString("base64");{const a=[];return o.forEach(e=>{a.push(String.fromCharCode(e))}),globalThis.btoa(a.join(""))}}async function $(o){var a,e;if(typeof window>"u")throw new Error("oauthHandleRedirect is only available in the browser");const t=new URLSearchParams(window.location.search),[i,s]=[t.get("error"),t.get("error_description")];if(i)throw new Error(`${i}: ${s}`);const n=t.get("code"),r=localStorage.getItem("huggingface.co:oauth:nonce");if(!n)throw new Error("Missing oauth code from query parameters in redirected URL");if(!r)throw new Error("Missing oauth nonce from localStorage");const c=localStorage.getItem("huggingface.co:oauth:code_verifier");if(!c)throw new Error("Missing oauth code_verifier from localStorage");const l=t.get("state");if(!l)throw new Error("Missing oauth state from query parameters in redirected URL");let h;try{h=JSON.parse(l)}catch{throw new Error("Invalid oauth state in redirected URL, unable to parse JSON: "+l)}if(h.nonce!==r)throw new Error("Invalid oauth state in redirected URL");const u=B,p=`${new URL(u).origin}/.well-known/openid-configuration`,g=await fetch(p,{headers:{Accept:"application/json"}});if(!g.ok)throw await T(g);const w=await g.json(),m=await fetch(w.token_endpoint,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({grant_type:"authorization_code",code:n,redirect_uri:h.redirectUri,code_verifier:c}).toString()});if(localStorage.removeItem("huggingface.co:oauth:code_verifier"),localStorage.removeItem("huggingface.co:oauth:nonce"),!m.ok)throw await T(m);const f=await m.json(),y=new Date(Date.now()+f.expires_in*1e3),v=await fetch(w.userinfo_endpoint,{headers:{Authorization:`Bearer ${f.access_token}`}});if(!v.ok)throw await T(v);const b=await v.json();return{accessToken:f.access_token,accessTokenExpiresAt:y,userInfo:{id:b.sub,name:b.name,fullname:b.preferred_username,email:b.email,emailVerified:b.email_verified,avatarUrl:b.picture,websiteUrl:b.website,isPro:b.isPro,orgs:(e=(a=b.orgs)==null?void 0:a.map(R=>({id:R.sub,name:R.name,fullname:R.name,isEnterprise:R.isEnterprise,canPay:R.canPay,avatarUrl:R.picture,roleInOrg:R.roleInOrg})))!=null?e:[]},state:h.state,scope:f.scope}}async function Q(o){if(typeof window>"u")throw new Error("oauthHandleRedirect is only available in the browser");const a=new URLSearchParams(window.location.search);return a.has("error")?$():a.has("code")?localStorage.getItem("huggingface.co:oauth:nonce")?$():(console.warn("Missing oauth nonce from localStorage. This can happen when the user refreshes the page after logging in, without changing the URL."),!1):!1}async function Z(o){var a,e;if(typeof window>"u")throw new Error("oauthLogin is only available in the browser");const t=(o==null?void 0:o.hubUrl)||B,i=`${new URL(t).origin}/.well-known/openid-configuration`,s=await fetch(i,{headers:{Accept:"application/json"}});if(!s.ok)throw await T(s);const n=await s.json(),r=globalThis.crypto.randomUUID(),c=globalThis.crypto.randomUUID()+globalThis.crypto.randomUUID();localStorage.setItem("huggingface.co:oauth:nonce",r),localStorage.setItem("huggingface.co:oauth:code_verifier",c);const l=(o==null?void 0:o.redirectUrl)||window.location.href,h=JSON.stringify({nonce:r,redirectUri:l,state:o==null?void 0:o.state}),u=(e=(a=window==null?void 0:window.huggingface)==null?void 0:a.variables)!=null?e:null,p=(o==null?void 0:o.clientId)||(u==null?void 0:u.OAUTH_CLIENT_ID);if(!p)throw u?new Error("Missing clientId, please add hf_oauth: true to the README.md's metadata in your static Space"):new Error("Missing clientId");const g=Y(new Uint8Array(await globalThis.crypto.subtle.digest("SHA-256",new TextEncoder().encode(c)))).replace(/[+]/g,"-").replace(/[/]/g,"_").replace(/=/g,"");return`${n.authorization_endpoint}?${new URLSearchParams({client_id:p,scope:(o==null?void 0:o.scopes)||(u==null?void 0:u.OAUTH_SCOPES)||"openid profile",response_type:"code",redirect_uri:l,state:h,code_challenge:g,code_challenge_method:"S256"}).toString()}`}function C(o){return o*Math.PI/180}function _e(o){return o*180/Math.PI}function ee(o,a,e){const t=C(o),i=C(a),s=C(e),n=Math.cos(s),r=Math.sin(s),c=Math.cos(i),l=Math.sin(i),h=Math.cos(t),u=Math.sin(t);return[[n*c,n*l*u-r*h,n*l*h+r*u,0],[r*c,r*l*u+n*h,r*l*h-n*u,0],[-l,c*u,c*h,0],[0,0,0,1]]}function te(){if(typeof window>"u"||!window.location.hash)return;const o=window.location.hash.startsWith("#")?window.location.hash.slice(1):window.location.hash;let a;try{a=new URLSearchParams(o)}catch{return}const e=a.get("hf_token");if(!e)return;const t=a.get("hf_username")||"user",i=a.get("hf_token_expires"),s=i&&!Number.isNaN(new Date(i).getTime())?i:new Date(Date.now()+365*24*60*60*1e3).toISOString();try{sessionStorage.setItem("hf_token",e),sessionStorage.setItem("hf_username",t),sessionStorage.setItem("hf_token_expires",s)}catch(c){console.warn("[reachy-mini] could not persist pre-seeded HF credentials:",c)}a.delete("hf_token"),a.delete("hf_username"),a.delete("hf_token_expires");const n=a.toString(),r=window.location.pathname+window.location.search+(n?"#"+n:"");try{window.history.replaceState(null,"",r)}catch{}}function ie(){if(typeof window>"u")return null;if(window.location.hash){const o=window.location.hash.startsWith("#")?window.location.hash.slice(1):window.location.hash;try{const e=new URLSearchParams(o).get("robot_peer_id");if(e)return e}catch{}}if(window.location.search)try{const a=new URLSearchParams(window.location.search).get("robot_peer_id");if(a)return a}catch{}return null}function se(o){const a=o.split(`\r
 `);let e=!1;for(const t of a)if(t.startsWith("m=audio")?e=!0:t.startsWith("m=")&&(e=!1),e&&t==="a=sendrecv")return!0;return!1}const S=12*1024,L=1*1024*1024,ne=512*1024;function oe(){return typeof CompressionStream<"u"}function x(){return"u"+Math.random().toString(36).slice(2,11)+Date.now().toString(36)}function P(o){let a="";for(let t=0;t<o.length;t+=32768)a+=String.fromCharCode.apply(null,Array.from(o.subarray(t,t+32768)));return btoa(a)}async function re(o){const a=new TextEncoder().encode(o),e=await new Response(new Blob([a]).stream().pipeThrough(new CompressionStream("gzip"))).arrayBuffer();return P(new Uint8Array(e))}function N(o){const a=Math.round(Number(o)||0);return Math.max(0,Math.min(100,a))}const H=3e3,V=1e3,ae=6e4;class le extends EventTarget{constructor(e={}){super();d(this,"_signalingUrl");d(this,"_clientId");d(this,"_appName");d(this,"_videoJitterBufferTargetMs");d(this,"_autoStartFromUrl");d(this,"_autoStartAttempted");d(this,"_state","disconnected");d(this,"_robots",[]);d(this,"_robotState",{});d(this,"_preselectedRobotId");d(this,"_token",null);d(this,"_username",null);d(this,"_tokenExpires",null);d(this,"_sseAbortController",null);d(this,"_pc",null);d(this,"_dc",null);d(this,"_sessionId",null);d(this,"_selectedRobotId",null);d(this,"_pendingRemoteIce",[]);d(this,"_micStream",null);d(this,"_micMuted",!0);d(this,"_audioMuted",!0);d(this,"_micSupported",!1);d(this,"_latencyMonitorId",null);d(this,"_stateRefreshInterval",null);d(this,"_versionResolve",null);d(this,"_hardwareIdResolve",null);d(this,"_volumeResolve",null);d(this,"_micVolumeResolve",null);d(this,"_applyAudioConfigResolve",null);d(this,"_readAudioParameterResolve",null);d(this,"_logSubscribers",new Set);d(this,"_broadcastWaiters",[]);d(this,"_activeMoveUploadId",null);d(this,"_activeAudioUploadId",null);d(this,"_sessionResolve",null);d(this,"_sessionReject",null);d(this,"_iceConnected",!1);d(this,"_dcOpen",!1);d(this,"_iceGraceTimer",null);d(this,"_iceGraceReason",null);d(this,"_pendingVisibilityHandler",null);d(this,"_onlineHandler",null);d(this,"_offlineHandler",null);d(this,"_connectionChangeHandler",null);d(this,"_pendingMotionCompletions",{wake_up:[],goto_sleep:[]});d(this,"_videoElement",null);this._signalingUrl=e.signalingUrl||"https://pollen-robotics-reachy-mini-central.hf.space",this._clientId=e.clientId||null,this._appName=e.appName||"unknown",this._videoJitterBufferTargetMs=e.videoJitterBufferTargetMs??0,this._autoStartFromUrl=e.autoStartFromUrl===!0,this._autoStartAttempted=!1,this._preselectedRobotId=ie()}get state(){return this._state}get robots(){return this._robots}get robotState(){return this._robotState}get username(){return this._username}get isAuthenticated(){return!!this._token}get micSupported(){return this._micSupported}get micMuted(){return this._micMuted}get audioMuted(){return this._audioMuted}get preselectedRobotId(){return this._preselectedRobotId}get isEmbedded(){return this._preselectedRobotId!==null}_maybeAutoStart(){if(!this._autoStartFromUrl||this._autoStartAttempted||!this._preselectedRobotId||this._state!=="connected"||!this._robots.find(i=>i.id===this._preselectedRobotId))return;this._autoStartAttempted=!0;const t=this._preselectedRobotId;setTimeout(()=>{this._state==="connected"&&this.startSession(t).catch(i=>{console.warn("[reachy-mini] autoStartFromUrl: startSession rejected:",i)})},0)}async authenticate(){try{te();const e=await Q();if(e)return this._username=e.userInfo.preferred_username||e.userInfo.name||null,this._token=e.accessToken,this._tokenExpires=e.accessTokenExpiresAt,sessionStorage.setItem("hf_token",this._token),sessionStorage.setItem("hf_username",this._username??""),sessionStorage.setItem("hf_token_expires",typeof this._tokenExpires=="string"?this._tokenExpires:this._tokenExpires.toISOString()),!0;const t=sessionStorage.getItem("hf_token"),i=sessionStorage.getItem("hf_username"),s=sessionStorage.getItem("hf_token_expires");return t&&i&&s&&new Date(s)>new Date?(this._token=t,this._username=i,this._tokenExpires=s,!0):!1}catch(e){return console.error("Auth error:",e),!1}}async login(){const e={};this._clientId&&(e.clientId=this._clientId),window.location.href=await Z(e)}logout(){sessionStorage.removeItem("hf_token"),sessionStorage.removeItem("hf_username"),sessionStorage.removeItem("hf_token_expires"),this._username=null,this._tokenExpires=null,this.disconnect()}async connect(e){if(this._state!=="disconnected")throw new Error("Already connected");if(e&&(this._token=e),!this._token)throw new Error("No token — call authenticate() first or pass a token");this._sseAbortController=new AbortController;let t;try{t=await fetch(`${this._signalingUrl}/events`,{signal:this._sseAbortController.signal,headers:{Authorization:`Bearer ${this._token}`}})}catch(i){throw this._sseAbortController=null,i}if(!t.ok)throw this._sseAbortController=null,new Error(`HTTP ${t.status}`);return new Promise((i,s)=>{let n=!1;const r=t.body.getReader(),c=new TextDecoder;let l="";(async()=>{try{for(;;){const{done:u,value:p}=await r.read();if(u)break;l+=c.decode(p,{stream:!0});const g=l.split(`
-`);l=g.pop()??"";for(const w of g)if(w.startsWith("data:"))try{const m=JSON.parse(w.slice(5).trim());!n&&m.type==="welcome"&&m.peerId&&(n=!0,this._state="connected",await this._sendToServer({type:"setPeerStatus",roles:["listener"],meta:{name:this._appName}}),this._emit("connected",{peerId:m.peerId}),i()),this._handleSignalingMessage(m)}catch{}}}catch(u){if(u.name!=="AbortError"&&this._emit("error",{source:"signaling",error:u}),!n){s(u);return}}this._state!=="disconnected"&&(this._state="disconnected",this._emit("disconnected",{reason:"SSE closed"})),n||s(new Error("Connection closed before welcome"))})()})}async autoConnect(e={}){var l,h,u,p,g;const{token:t,pickRobot:i,autoPickIfSingle:s=!0,filterBusy:n=!0,wakeOnConnect:r=!0}=e;if(this._state==="streaming"){const w=(l=this._robots)==null?void 0:l.find(m=>m.id===this._selectedRobotId);return{robotId:this._selectedRobotId,robotName:((h=w==null?void 0:w.meta)==null?void 0:h.name)??null,isEmbedded:this.isEmbedded,alreadyStreaming:!0}}const c=this._autoStartFromUrl;this._autoStartFromUrl=!1;try{if(t)this._token=t;else if(!this._token&&!await this.authenticate())throw new Error("Not authenticated — call login() or pass a token");this._state==="disconnected"&&await this.connect();let w,m=null;if(this.isEmbedded){w=this._preselectedRobotId;try{await this._waitForRobotInList(w,5e3)}catch{}const f=(u=this._robots)==null?void 0:u.find(y=>y.id===w);m=((p=f==null?void 0:f.meta)==null?void 0:p.name)??null}else{const f=await this._fetchOwnedRobots({filterBusy:n});if(f.length===0)throw new Error("No reachable robots");if(s&&f.length===1&&!f[0].busy)w=f[0].id,m=f[0].name;else if(i){const y=await i(f);if(!y)throw new Error("Robot selection cancelled");w=y,m=((g=f.find(v=>v.id===y))==null?void 0:g.name)??null}else throw new Error("Multiple robots available — pass a pickRobot callback to autoConnect()")}if(await this.startSession(w),r&&typeof this.ensureAwake=="function")try{await this.ensureAwake()}catch(f){console.warn("[reachy-mini] autoConnect: ensureAwake failed:",f)}return{robotId:w,robotName:m,isEmbedded:this.isEmbedded}}finally{this._autoStartFromUrl=c}}async _fetchOwnedRobots({filterBusy:e=!0}={}){var t,i,s;try{const n=await fetch(`${this._signalingUrl}/api/robot-status`,{headers:{Authorization:`Bearer ${this._token}`}});if(!n.ok)throw new Error(`HTTP ${n.status}`);const r=await n.json(),c=new Map;for(const l of r.robots||[]){if(e&&l.busy)continue;const h=((t=l.meta)==null?void 0:t.install_id)??((i=l.meta)==null?void 0:i.hardware_id)??l.peerId;c.set(h,{id:l.peerId,name:l.robotName??((s=l.meta)==null?void 0:s.name)??null,busy:!!l.busy,activeApp:l.activeApp??null,meta:l.meta??{},lastSeenAgeSeconds:l.last_seen_age_seconds??null})}return Array.from(c.values()).sort((l,h)=>(l.lastSeenAgeSeconds??1/0)-(h.lastSeenAgeSeconds??1/0))}catch(n){return console.warn("[reachy-mini] /api/robot-status unavailable, using SSE list:",n),(this._robots||[]).map(r=>{var c;return{id:r.id,name:((c=r.meta)==null?void 0:c.name)??null,busy:!1,activeApp:null,meta:r.meta??{},lastSeenAgeSeconds:null}})}}_waitForRobotInList(e,t){var i;return(i=this._robots)!=null&&i.find(s=>s.id===e)?Promise.resolve():new Promise((s,n)=>{const r=()=>{var l;(l=this._robots)!=null&&l.find(h=>h.id===e)&&(this.removeEventListener("robotsChanged",r),clearTimeout(c),s())},c=setTimeout(()=>{this.removeEventListener("robotsChanged",r),n(new Error(`Timeout waiting for robot ${e} in list`))},t);this.addEventListener("robotsChanged",r)})}async startSession(e){if(this._state!=="connected")throw new Error("Not connected");this._selectedRobotId=e,this._iceConnected=!1,this._dcOpen=!1,this._micSupported=!1,this._pendingRemoteIce=[];try{const t=window,i=t.AudioContext??t.webkitAudioContext;if(!i)throw new Error("AudioContext not supported");const s=new i,n=s.createMediaStreamDestination(),r=s.createOscillator(),c=s.createGain();c.gain.value=0,r.connect(c).connect(n),r.start();const l=n.stream;l.getAudioTracks().forEach(h=>{h.enabled=!1}),this._micStream=l,this._micMuted=!0}catch(t){console.warn("Audio sender placeholder setup failed:",t),this._micStream=null}return this._pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this._installNetworkListeners(),new Promise((t,i)=>{this._sessionResolve=t,this._sessionReject=i,this._pc.ontrack=s=>{if(s.track.kind==="video"){const n=this._videoJitterBufferTargetMs;try{s.receiver.jitterBufferTarget=n}catch{}try{s.receiver.playoutDelayHint=n/1e3}catch{}this._emit("videoTrack",{track:s.track,stream:s.streams[0]})}},this._pc.onicecandidate=async s=>{s.candidate&&this._sessionId&&await this._sendToServer({type:"peer",sessionId:this._sessionId,ice:{candidate:s.candidate.candidate,sdpMLineIndex:s.candidate.sdpMLineIndex,sdpMid:s.candidate.sdpMid}})},this._pc.oniceconnectionstatechange=()=>{var n;const s=(n=this._pc)==null?void 0:n.iceConnectionState;if(s){if(this._emit("iceStateChange",{state:s}),s==="connected"||s==="completed"){this._clearIceGrace(),this._iceConnected=!0,this._checkSessionReady();return}if(s==="disconnected"){typeof document<"u"&&document.hidden?this._armIceGraceOnVisibility():this._scheduleIceGrace(H,"disconnected");return}if(s==="failed"){this._scheduleIceGrace(V,"failed");return}}},this._pc.ondatachannel=s=>{this._dc=s.channel,this._dc.onopen=()=>{this._dcOpen=!0,this._checkSessionReady()},this._dc.onmessage=n=>this._handleRobotMessage(JSON.parse(n.data))},this._sendToServer({type:"startSession",peerId:e}).then(s=>{if((s==null?void 0:s.type)==="sessionRejected"){this._failSessionRejected(s);return}s!=null&&s.sessionId&&(this._sessionId=s.sessionId)})})}_failSessionRejected(e){const t=new Error(e.reason==="robot_busy"?`Robot is busy: "${e.activeApp||"another app"}" is already connected`:`Session rejected: ${e.reason||"unknown reason"}`);if(t.reason=e.reason??null,t.activeApp=e.activeApp??null,this._clearIceGrace(),this._uninstallNetworkListeners(),this._pc&&(this._pc.close(),this._pc=null),this._micStream&&(this._micStream.getTracks().forEach(i=>i.stop()),this._micStream=null),this._iceConnected=!1,this._dcOpen=!1,this._micMuted=!0,this._micSupported=!1,this._emit("sessionRejected",{reason:e.reason,activeApp:e.activeApp}),this._sessionReject){const i=this._sessionReject;this._sessionResolve=null,this._sessionReject=null,i(t)}}async stopSession(){this._versionResolve&&(this._versionResolve(null),this._versionResolve=null),this._hardwareIdResolve&&(this._hardwareIdResolve(null),this._hardwareIdResolve=null),this._volumeResolve&&(this._volumeResolve(null),this._volumeResolve=null),this._micVolumeResolve&&(this._micVolumeResolve(null),this._micVolumeResolve=null),this._applyAudioConfigResolve&&(this._applyAudioConfigResolve(!1),this._applyAudioConfigResolve=null),this._readAudioParameterResolve&&(this._readAudioParameterResolve(null),this._readAudioParameterResolve=null),this._logSubscribers.clear(),this._rejectPendingMotionCompletions(new Error("Session stopped")),this._clearIceGrace(),this._uninstallNetworkListeners(),this._sessionReject&&(this._sessionReject(new Error("Session stopped")),this._sessionResolve=null,this._sessionReject=null),this._stateRefreshInterval&&(clearInterval(this._stateRefreshInterval),this._stateRefreshInterval=null),this._latencyMonitorId&&(clearInterval(this._latencyMonitorId),this._latencyMonitorId=null),this._sessionId&&await this._sendToServer({type:"endSession",sessionId:this._sessionId}),this._micStream&&(this._micStream.getTracks().forEach(t=>t.stop()),this._micStream=null),this._micMuted=!0,this._micSupported=!1,this._pc&&(this._pc.close(),this._pc=null),this._dc&&(this._dc.close(),this._dc=null),this._sessionId=null,this._iceConnected=!1,this._dcOpen=!1,this._state==="streaming"&&(this._state="connected",this._emit("sessionStopped",{reason:"user"}))}disconnect(){this._sseAbortController&&(this._sseAbortController.abort(),this._sseAbortController=null),this._versionResolve&&(this._versionResolve(null),this._versionResolve=null),this._hardwareIdResolve&&(this._hardwareIdResolve(null),this._hardwareIdResolve=null),this._volumeResolve&&(this._volumeResolve(null),this._volumeResolve=null),this._micVolumeResolve&&(this._micVolumeResolve(null),this._micVolumeResolve=null),this._applyAudioConfigResolve&&(this._applyAudioConfigResolve(!1),this._applyAudioConfigResolve=null),this._readAudioParameterResolve&&(this._readAudioParameterResolve(null),this._readAudioParameterResolve=null),this._logSubscribers.clear(),this._rejectPendingMotionCompletions(new Error("Disconnected")),this._clearIceGrace(),this._uninstallNetworkListeners(),this._sessionReject&&(this._sessionReject(new Error("Disconnected")),this._sessionResolve=null,this._sessionReject=null),this._stateRefreshInterval&&(clearInterval(this._stateRefreshInterval),this._stateRefreshInterval=null),this._latencyMonitorId&&(clearInterval(this._latencyMonitorId),this._latencyMonitorId=null),this._sessionId&&this._token&&this._sendToServer({type:"endSession",sessionId:this._sessionId}),this._micStream&&(this._micStream.getTracks().forEach(e=>e.stop()),this._micStream=null),this._pc&&(this._pc.close(),this._pc=null),this._dc&&(this._dc.close(),this._dc=null),this._sessionId=null,this._micMuted=!0,this._micSupported=!1,this._iceConnected=!1,this._dcOpen=!1,this._robots=[],this._state="disconnected",this._emit("disconnected",{reason:"user"})}_clearIceGrace(){this._iceGraceTimer!==null&&(clearTimeout(this._iceGraceTimer),this._iceGraceTimer=null),this._iceGraceReason=null,this._pendingVisibilityHandler&&typeof document<"u"&&document.removeEventListener("visibilitychange",this._pendingVisibilityHandler),this._pendingVisibilityHandler=null}_scheduleIceGrace(e,t){if(this._iceGraceTimer!==null){if(this._iceGraceReason===t)return;clearTimeout(this._iceGraceTimer)}this._iceGraceReason=t,this._iceGraceTimer=setTimeout(()=>{var n;this._iceGraceTimer=null;const i=this._iceGraceReason;this._iceGraceReason=null;const s=(n=this._pc)==null?void 0:n.iceConnectionState;if(!(s==="connected"||s==="completed")){if(i==="disconnected"&&s==="disconnected"){this._emit("error",{source:"webrtc",error:new Error(`ICE stuck in 'disconnected' for > ${e}ms`)});return}if(i==="failed"||s==="failed"){const r=new Error("ICE connection failed");this._sessionReject&&(this._sessionReject(r),this._sessionResolve=null,this._sessionReject=null),this._emit("error",{source:"webrtc",error:r})}}},e)}_armIceGraceOnVisibility(){if(this._pendingVisibilityHandler)return;const e=Date.now(),t=()=>{if(typeof document<"u"&&document.hidden||(document.removeEventListener("visibilitychange",t),this._pendingVisibilityHandler=null,!this._pc))return;const i=this._pc.iceConnectionState;if(!(i==="connected"||i==="completed")){if(Date.now()-e>ae){const s=new Error("Session expired while tab was backgrounded");this._sessionReject&&(this._sessionReject(s),this._sessionResolve=null,this._sessionReject=null),this._emit("error",{source:"webrtc",error:s});return}if(i==="failed"){this._scheduleIceGrace(V,"failed");return}this._scheduleIceGrace(H,"disconnected")}};document.addEventListener("visibilitychange",t),this._pendingVisibilityHandler=t}_installNetworkListeners(){if(this._onlineHandler||typeof window>"u")return;const e=()=>this._emit("networkOnline",{}),t=()=>this._emit("networkOffline",{});window.addEventListener("online",e),window.addEventListener("offline",t),this._onlineHandler=e,this._offlineHandler=t;const i=navigator.connection;if(i&&typeof i.addEventListener=="function"){const s=()=>this._emit("networkChange",{effectiveType:i.effectiveType,downlink:i.downlink,rtt:i.rtt,saveData:i.saveData});i.addEventListener("change",s),this._connectionChangeHandler=s}}_uninstallNetworkListeners(){typeof window<"u"&&(this._onlineHandler&&window.removeEventListener("online",this._onlineHandler),this._offlineHandler&&window.removeEventListener("offline",this._offlineHandler));const e=navigator.connection;e&&this._connectionChangeHandler&&typeof e.removeEventListener=="function"&&e.removeEventListener("change",this._connectionChangeHandler),this._onlineHandler=null,this._offlineHandler=null,this._connectionChangeHandler=null}setTarget({head:e,antennas:t,body_yaw:i}={}){const s={type:"set_full_target"};if(e!==void 0){if(!Array.isArray(e)||e.length!==16||!e.every(n=>Number.isFinite(n)))throw new TypeError(`setTarget: head must be a 16-element flat row-major 4×4 matrix of finite numbers; got ${Array.isArray(e)?`Array(${e.length})`:typeof e}`);s.head=e}if(t!==void 0){if(!Array.isArray(t)||t.length!==2||!t.every(n=>Number.isFinite(n)))throw new TypeError(`setTarget: antennas must be [rightRad, leftRad] (2 finite numbers); got ${Array.isArray(t)?`Array(${t.length})`:typeof t}`);s.antennas=t}if(i!==void 0){if(!Number.isFinite(i))throw new TypeError(`setTarget: body_yaw must be a finite number (radians); got ${i}`);s.body_yaw=i}return this._sendCommand(s)}gotoTarget({head:e,antennas:t,body_yaw:i,duration:s}){const n={type:"goto_target"};if(e!==void 0){if(!Array.isArray(e)||e.length!==16||!e.every(r=>Number.isFinite(r)))throw new TypeError(`gotoTarget: head must be a 16-element flat row-major 4×4 matrix of finite numbers; got ${Array.isArray(e)?`Array(${e.length})`:typeof e}`);n.head=e}if(t!==void 0){if(!Array.isArray(t)||t.length!==2||!t.every(r=>Number.isFinite(r)))throw new TypeError(`gotoTarget: antennas must be [rightRad, leftRad] (2 finite numbers); got ${Array.isArray(t)?`Array(${t.length})`:typeof t}`);n.antennas=t}if(i!==void 0){if(!Number.isFinite(i))throw new TypeError(`gotoTarget: body_yaw must be a finite number (radians); got ${i}`);n.body_yaw=i}if(!Number.isFinite(s)||s<=0)throw new TypeError(`gotoTarget: duration must be a positive finite number (seconds); got ${s}`);return n.duration=s,this._sendCommand(n)}setHeadRpyDeg(e,t,i){return this.setTarget({head:ee(e,t,i).flat()})}setAntennasDeg(e,t){return this.setTarget({antennas:[C(e),C(t)]})}setBodyYawDeg(e){return this.setTarget({body_yaw:C(e)})}playSound(e){return this._sendCommand({type:"play_sound",file:e})}clearIncomingAudio(){return this._sendCommand({type:"clear_incoming_audio"})}setMotorMode(e){return this._sendCommand({type:"set_motor_mode",mode:e})}setMotorTorque(e,t=null){return this._sendCommand({type:"set_torque",on:e,ids:t})}wakeUp({timeoutMs:e=8e3}={}){return this._sendCommand({type:"set_motor_mode",mode:"enabled"}),this._sendCommandAwaitCompletion("wake_up",e)}gotoSleep({timeoutMs:e=8e3}={}){return this._sendCommandAwaitCompletion("goto_sleep",e)}_sendCommandAwaitCompletion(e,t){return this._sendCommand({type:e})?new Promise((i,s)=>{const n={resolve:i,reject:s,timer:setTimeout(()=>{const r=this._pendingMotionCompletions[e],c=r.indexOf(n);c!==-1&&r.splice(c,1),s(new Error(`${e} timed out after ${t}ms`))},t)};this._pendingMotionCompletions[e].push(n)}):Promise.reject(new Error(`${e}: data channel not open`))}_rejectPendingMotionCompletions(e){for(const t of Object.keys(this._pendingMotionCompletions)){const i=this._pendingMotionCompletions[t];for(;i.length;){const s=i.shift();clearTimeout(s.timer),s.reject(e)}}}isAwake(){var t;const e=(t=this._robotState)==null?void 0:t.motor_mode;return e==="enabled"||e==="gravity_compensation"}async ensureAwake(e=1e3){var t;return((t=this._robotState)==null?void 0:t.motor_mode)===void 0&&await new Promise(i=>{const s=()=>{this.removeEventListener("state",s),clearTimeout(n),i()},n=setTimeout(s,e);this.addEventListener("state",s),this.requestState()}),this.isAwake()||this.wakeUp().catch(()=>{}),!0}getVersion(){return new Promise((e,t)=>{if(!this._dc||this._dc.readyState!=="open"){t(new Error("Data channel not open"));return}this._versionResolve&&this._versionResolve(null),this._versionResolve=e,this._sendCommand({type:"get_version"})})}getHardwareId(){return new Promise((e,t)=>{if(!this._dc||this._dc.readyState!=="open"){t(new Error("Data channel not open"));return}this._hardwareIdResolve&&this._hardwareIdResolve(null),this._hardwareIdResolve=e,this._sendCommand({type:"get_hardware_id"})})}getVolume(){return this._slotRoundtrip(()=>this._volumeResolve,e=>{this._volumeResolve=e},{type:"get_volume"})}setVolume(e){return this._slotRoundtrip(()=>this._volumeResolve,t=>{this._volumeResolve=t},{type:"set_volume",volume:N(e)})}getMicrophoneVolume(){return this._slotRoundtrip(()=>this._micVolumeResolve,e=>{this._micVolumeResolve=e},{type:"get_microphone_volume"})}setMicrophoneVolume(e){return this._slotRoundtrip(()=>this._micVolumeResolve,t=>{this._micVolumeResolve=t},{type:"set_microphone_volume",volume:N(e)})}applyAudioConfig(e,{verify:t=!0}={}){return this._slotRoundtrip(()=>this._applyAudioConfigResolve,i=>{this._applyAudioConfigResolve=i},{type:"apply_audio_config",config:e,verify:t}).then(i=>i===!0)}readAudioParameter(e){return this._slotRoundtrip(()=>this._readAudioParameterResolve,t=>{this._readAudioParameterResolve=t},{type:"read_audio_parameter",name:e})}_slotRoundtrip(e,t,i){return new Promise((s,n)=>{if(!this._dc||this._dc.readyState!=="open"){n(new Error("Data channel not open"));return}const r=e();r&&r(null),t(s),this._sendCommand(i)})}sendRaw(e){return this._sendCommand(e)}subscribeLogs({onLine:e,onError:t}){if(typeof e!="function")throw new TypeError("subscribeLogs: onLine callback is required");const i={onLine:e,onError:t},s=this._logSubscribers.size===0;this._logSubscribers.add(i),s&&this._sendCommand({type:"subscribe_logs"});let n=!1;return()=>{n||(n=!0,this._logSubscribers.delete(i),this._logSubscribers.size===0&&this._sendCommand({type:"unsubscribe_logs"}))}}requestState(){return this._sendCommand({type:"get_state"})}setAudioMuted(e){this._audioMuted=e,this._videoElement&&(this._videoElement.muted=e)}setMicMuted(e){this._micMuted=e,this._micStream&&this._micStream.getAudioTracks().forEach(t=>{t.enabled=!e})}attachVideo(e){this._videoElement=e,e.muted=this._audioMuted;const t=s=>{const n=s;e.srcObject=n.detail.stream,e.playsInline=!0,"requestVideoFrameCallback"in e&&this._startLatencyMonitor(e)},i=()=>{e.srcObject=null};return this.addEventListener("videoTrack",t),this.addEventListener("sessionStopped",i),()=>{this.removeEventListener("videoTrack",t),this.removeEventListener("sessionStopped",i),this._latencyMonitorId&&(clearInterval(this._latencyMonitorId),this._latencyMonitorId=null),e.srcObject=null,this._videoElement=null}}async playMove(e,{audioBlob:t=null,audioLeadMs:i=-100,description:s="move",encoding:n="gzip+base64",playFrequency:r=100,initialGotoDuration:c=0,startTimeoutMs:l=8e3,onProgress:h=()=>{},onStarted:u=()=>{}}={}){var R,j;if(!this._dc||this._dc.readyState!=="open")throw new Error("data channel not open");if(!((R=e==null?void 0:e.time)!=null&&R.length)||!((j=e==null?void 0:e.set_target_data)!=null&&j.length))throw new Error("playMove: motion must have time + set_target_data");const p=x();this._activeMoveUploadId=p;const g={description:s,time:e.time,set_target_data:e.set_target_data},w=JSON.stringify(g);let m,f;n==="gzip+base64"&&oe()?(m=await re(w),f="gzip+base64"):(m=w,f="json");const y=Math.ceil(m.length/S)||1;h({phase:"starting",sent:0,total:y,bytes:m.length,encoding:f}),this._sendCommand({type:"upload_move_start",upload_id:p,total_chunks:y,description:s,encoding:f});for(let _=0;_<y;_++){this._dc.bufferedAmount>L&&await this._awaitDataChannelDrain();const I=_*S;this._sendCommand({type:"upload_move_chunk",upload_id:p,chunk_index:_,chunk:m.slice(I,I+S)}),h({phase:"upload",sent:_+1,total:y})}if(this._sendCommand({type:"upload_move_finish",upload_id:p}),h({phase:"uploaded",sent:y,total:y}),t){const _=new Uint8Array(await t.arrayBuffer()),I=P(_),E=Math.ceil(I.length/S)||1;h({phase:"audio-starting",sent:0,total:E,bytes:I.length}),this._sendCommand({type:"upload_audio_start",upload_id:p,total_chunks:E,encoding:"wav-base64",description:s});for(let A=0;A<E;A++){this._dc.bufferedAmount>L&&await this._awaitDataChannelDrain();const D=A*S;this._sendCommand({type:"upload_audio_chunk",upload_id:p,chunk_index:A,chunk:I.slice(D,D+S)}),h({phase:"audio-upload",sent:A+1,total:E})}this._sendCommand({type:"upload_audio_finish",upload_id:p}),h({phase:"audio-uploaded",sent:E,total:E})}this._sendCommand({type:"play_uploaded_move",upload_id:p,play_frequency:r,initial_goto_duration:c,audio_lead_ms:i});let v;try{v=await this._waitForBroadcast(_=>(_==null?void 0:_.type)==="play_uploaded_move"&&(_==null?void 0:_.upload_id)===p&&(_.started===!0||typeof _.error=="string"),{timeoutMs:l,debugLabel:"play_uploaded_move started"})}catch(_){throw new Error(`Daemon did not respond to play_uploaded_move (requires the reachy_mini daemon with feature/daemon-side-move-upload). Underlying: ${_.message}`)}if(typeof v.error=="string")throw new Error(`play_uploaded_move: ${v.error}`);try{u({duration_s:v.duration_s,has_audio:v.has_audio===!0})}catch(_){console.warn("playMove.onStarted threw:",_)}h({phase:"playing",duration_s:v.duration_s});const b=await this._waitForBroadcast(_=>(_==null?void 0:_.type)==="play_uploaded_move"&&(_==null?void 0:_.upload_id)===p&&(_.finished===!0||_.cancelled===!0||typeof _.error=="string"),{timeoutMs:(v.duration_s+30)*1e3,debugLabel:"play_uploaded_move final"});return this._activeMoveUploadId===p&&(this._activeMoveUploadId=null),b}cancelMove(e=null){const t=e??this._activeMoveUploadId;return t?this._sendCommand({type:"cancel_move",upload_id:t}):!1}async uploadAudio(e,{description:t="audio",onProgress:i=()=>{}}={}){if(!this._dc||this._dc.readyState!=="open")throw new Error("data channel not open");if(!(e instanceof Blob))throw new TypeError("uploadAudio: expected a Blob");const s=x(),n=new Uint8Array(await e.arrayBuffer()),r=P(n),c=Math.ceil(r.length/S)||1;i({phase:"audio-starting",sent:0,total:c,bytes:r.length}),this._sendCommand({type:"upload_audio_start",upload_id:s,total_chunks:c,encoding:"wav-base64",description:t});for(let l=0;l<c;l++){this._dc.bufferedAmount>L&&await this._awaitDataChannelDrain();const h=l*S;this._sendCommand({type:"upload_audio_chunk",upload_id:s,chunk_index:l,chunk:r.slice(h,h+S)}),i({phase:"audio-upload",sent:l+1,total:c})}return this._sendCommand({type:"upload_audio_finish",upload_id:s}),i({phase:"audio-uploaded",sent:c,total:c}),s}async playUploadedAudio(e,{timeoutMs:t=8e3}={}){if(!this._dc||this._dc.readyState!=="open")throw new Error("data channel not open");const i=this._waitForBroadcast(n=>(n==null?void 0:n.type)==="play_uploaded_audio"&&(n==null?void 0:n.upload_id)===e&&(n.started===!0||typeof n.error=="string"),{timeoutMs:t,debugLabel:"play_uploaded_audio started"});this._sendCommand({type:"play_uploaded_audio",upload_id:e});const s=await i;if(typeof s.error=="string")throw new Error(s.error);return this._activeAudioUploadId=e,s}cancelAudio(e=null){const t=e??this._activeAudioUploadId;return t?(this._activeAudioUploadId===t&&(this._activeAudioUploadId=null),this._sendCommand({type:"cancel_audio",upload_id:t})):!1}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t}))}_waitForBroadcast(e,{timeoutMs:t=5e3,debugLabel:i=""}={}){return new Promise((s,n)=>{const r={predicate:e,resolve:s,timer:setTimeout(()=>{const c=this._broadcastWaiters.indexOf(r);c!==-1&&this._broadcastWaiters.splice(c,1),n(new Error(`broadcast timeout (${t} ms): ${i}`))},t)};this._broadcastWaiters.push(r)})}async _awaitDataChannelDrain(){for(;this._dc&&this._dc.bufferedAmount>ne;)if(await new Promise(e=>setTimeout(e,30)),!this._dc||this._dc.readyState!=="open")throw new Error("data channel closed mid-upload")}async _sendToServer(e){if(!this._token)throw new Error("No token — authenticate() first");try{const t=await fetch(`${this._signalingUrl}/send`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this._token}`},body:JSON.stringify(e)});if(!t.ok){let i="";try{i=await t.text()}catch{}return console.warn(`[reachy-mini] /send rejected (${t.status}) for type=${e==null?void 0:e.type}; body=${i||"<empty>"}`),null}return await t.json()}catch(t){return console.error("Send error:",t),null}}_sendCommand(e){return!this._dc||this._dc.readyState!=="open"?!1:(this._dc.send(JSON.stringify(e)),!0)}_checkSessionReady(){this._iceConnected&&this._dcOpen&&this._sessionResolve&&(this._state="streaming",this.requestState(),this._stateRefreshInterval=setInterval(()=>this.requestState(),500),this._emit("streaming",{sessionId:this._sessionId,robotId:this._selectedRobotId}),this._sessionResolve(),this._sessionResolve=null,this._sessionReject=null)}async _handleSignalingMessage(e){switch(e.type){case"welcome":break;case"list":this._robots=e.producers||[],this._emit("robotsChanged",{robots:this._robots}),this._maybeAutoStart();break;case"peerStatusChanged":{const t=await this._sendToServer({type:"list"});t!=null&&t.producers&&(this._robots=t.producers,this._emit("robotsChanged",{robots:this._robots}),this._maybeAutoStart());break}case"sessionStarted":this._sessionId=e.sessionId??null;break;case"sessionRejected":this._failSessionRejected(e);break;case"endSession":this._handleEndSession(e);break;case"peer":this._handlePeerMessage(e);break}}_handleEndSession(e){const t=e.reason,i=t==="robot_busy_local_app"?"Robot is busy: a local Python app is running":t==="local_app_started"?"Disconnected: a local Python app started on the robot":t==="robot_busy_local"?"Robot is busy: another session is already active":null;if(this._sessionReject){const s=new Error(i||`Session ended before it could start: ${t||"unknown reason"}`);s.reason=t??null,this._emit("sessionRejected",{reason:t,activeApp:null}),this._clearIceGrace(),this._uninstallNetworkListeners(),this._pc&&(this._pc.close(),this._pc=null),this._micStream&&(this._micStream.getTracks().forEach(r=>r.stop()),this._micStream=null),this._iceConnected=!1,this._dcOpen=!1,this._micMuted=!0,this._micSupported=!1;const n=this._sessionReject;this._sessionResolve=null,this._sessionReject=null,n(s);return}this._state==="streaming"&&(this._emit("sessionStopped",{reason:t||"remote_end",message:i}),this.stopSession().catch(()=>{}))}async _handlePeerMessage(e){if(this._pc)try{if(e.sdp){const t=e.sdp;if(t.type==="offer"){const s=se(t.sdp);if(this._micSupported=s,this._emit("micSupported",{supported:s}),s&&this._micStream)for(const r of this._micStream.getAudioTracks())this._pc.addTrack(r,this._micStream);await this._pc.setRemoteDescription(new RTCSessionDescription(t));const n=await this._pc.createAnswer();await this._pc.setLocalDescription(n),await this._sendToServer({type:"peer",sessionId:this._sessionId,sdp:{type:"answer",sdp:n.sdp}})}else await this._pc.setRemoteDescription(new RTCSessionDescription(t));const i=this._pendingRemoteIce;if(i&&i.length){this._pendingRemoteIce=[];for(const s of i)try{await this._pc.addIceCandidate(new RTCIceCandidate(s))}catch(n){console.warn("[reachy-mini] buffered ICE candidate rejected:",n)}}}if(e.ice){if(!e.ice.candidate)return;this._pc.remoteDescription?await this._pc.addIceCandidate(new RTCIceCandidate(e.ice)):(this._pendingRemoteIce||(this._pendingRemoteIce=[]),this._pendingRemoteIce.push(e.ice))}}catch(t){console.error("WebRTC error:",t),this._emit("error",{source:"webrtc",error:t})}}_handleRobotMessage(e){if("version"in e&&this._versionResolve){this._versionResolve(e.version),this._versionResolve=null;return}if("hardware_id"in e&&this._hardwareIdResolve){this._hardwareIdResolve(e.hardware_id),this._hardwareIdResolve=null;return}if(e.command==="get_volume"||e.command==="set_volume"){this._volumeResolve&&(this._volumeResolve(e.status==="error"?null:e.volume),this._volumeResolve=null);return}if(e.command==="get_microphone_volume"||e.command==="set_microphone_volume"){this._micVolumeResolve&&(this._micVolumeResolve(e.status==="error"?null:e.volume),this._micVolumeResolve=null);return}if(e.command==="apply_audio_config"){this._applyAudioConfigResolve&&(this._applyAudioConfigResolve(e.error?!1:!!e.applied),this._applyAudioConfigResolve=null);return}if(e.command==="read_audio_parameter"){this._readAudioParameterResolve&&(this._readAudioParameterResolve(e.error?null:e.values??null),this._readAudioParameterResolve=null);return}if((e.command==="wake_up"||e.command==="goto_sleep")&&this._pendingMotionCompletions&&this._pendingMotionCompletions[e.command]){const t=this._pendingMotionCompletions[e.command];if(e.completed===!0&&t.length>0){const i=t.shift();clearTimeout(i.timer),i.resolve();return}if(e.error&&t.length>0){const i=t.shift();clearTimeout(i.timer),i.reject(new Error(`${e.command}: ${e.error}`));return}}if(e.type==="log_line"){for(const t of this._logSubscribers)try{t.onLine({timestamp:e.timestamp,line:e.line})}catch(i){console.error("subscribeLogs onLine threw:",i)}return}if(e.type==="log_stream_error"){for(const t of this._logSubscribers)if(typeof t.onError=="function")try{t.onError(e.error)}catch(i){console.error("subscribeLogs onError threw:",i)}return}if(e.state){const t=e.state;t.head_pose&&(this._robotState.head=t.head_pose.flat()),t.antennas&&(this._robotState.antennas=[t.antennas[0],t.antennas[1]]),typeof t.body_yaw=="number"&&(this._robotState.body_yaw=t.body_yaw),t.motor_mode&&(this._robotState.motor_mode=t.motor_mode),typeof t.is_move_running=="boolean"&&(this._robotState.is_move_running=t.is_move_running),this._emit("state",{...this._robotState})}if(e.error&&this._emit("error",{source:"robot",error:e.error}),this._broadcastWaiters.length>0)for(let t=this._broadcastWaiters.length-1;t>=0;t--){const i=this._broadcastWaiters[t];if(i.predicate(e)){this._broadcastWaiters.splice(t,1),clearTimeout(i.timer),i.resolve(e);return}}}_startLatencyMonitor(e){this._latencyMonitorId&&clearInterval(this._latencyMonitorId),this._latencyMonitorId=setInterval(()=>{if(!e.srcObject||e.paused)return;const t=e.buffered;if(t.length>0){const i=t.end(t.length-1),s=i-e.currentTime;s>.5&&(console.log(`Latency correction: was ${s.toFixed(2)}s behind`),e.currentTime=i-.1)}},2e3)}}window.ReachyMini=le;window.dispatchEvent(new Event("reachymini:ready"));const M=new URLSearchParams(window.location.search),ce=M.get("embedded")==="1"||M.get("embed")==="1",de=M.has("code")||M.has("error"),he=sessionStorage.getItem("cookaiware:launched")==="1";function F(){sessionStorage.setItem("cookaiware:launched","1");const o=document.getElementById("root");return o&&(o.innerHTML=""),U(async()=>{const{mountHost:a}=await import("./auto-CaTD3xKq.js");return{mountHost:a}},__vite__mapDeps([0,1])).then(({mountHost:a})=>{a({appName:"CookAIware",appIconUrl:"/icon.png",appEmoji:"🍲",enableMicrophone:!0,devToken:void 0,clientId:void 0})})}ce?U(()=>import("./embed-tHhpGeu0.js"),__vite__mapDeps([2,1,3])):de||he?F():U(async()=>{const{renderLanding:o}=await import("./landing-DkIk3-oJ.js");return{renderLanding:o}},__vite__mapDeps([4,5])).then(({renderLanding:o})=>o(()=>void F()));export{U as _,_e as r};
+`);l=g.pop()??"";for(const w of g)if(w.startsWith("data:"))try{const m=JSON.parse(w.slice(5).trim());!n&&m.type==="welcome"&&m.peerId&&(n=!0,this._state="connected",await this._sendToServer({type:"setPeerStatus",roles:["listener"],meta:{name:this._appName}}),this._emit("connected",{peerId:m.peerId}),i()),this._handleSignalingMessage(m)}catch{}}}catch(u){if(u.name!=="AbortError"&&this._emit("error",{source:"signaling",error:u}),!n){s(u);return}}this._state!=="disconnected"&&(this._state="disconnected",this._emit("disconnected",{reason:"SSE closed"})),n||s(new Error("Connection closed before welcome"))})()})}async autoConnect(e={}){var l,h,u,p,g;const{token:t,pickRobot:i,autoPickIfSingle:s=!0,filterBusy:n=!0,wakeOnConnect:r=!0}=e;if(this._state==="streaming"){const w=(l=this._robots)==null?void 0:l.find(m=>m.id===this._selectedRobotId);return{robotId:this._selectedRobotId,robotName:((h=w==null?void 0:w.meta)==null?void 0:h.name)??null,isEmbedded:this.isEmbedded,alreadyStreaming:!0}}const c=this._autoStartFromUrl;this._autoStartFromUrl=!1;try{if(t)this._token=t;else if(!this._token&&!await this.authenticate())throw new Error("Not authenticated — call login() or pass a token");this._state==="disconnected"&&await this.connect();let w,m=null;if(this.isEmbedded){w=this._preselectedRobotId;try{await this._waitForRobotInList(w,5e3)}catch{}const f=(u=this._robots)==null?void 0:u.find(y=>y.id===w);m=((p=f==null?void 0:f.meta)==null?void 0:p.name)??null}else{const f=await this._fetchOwnedRobots({filterBusy:n});if(f.length===0)throw new Error("No reachable robots");if(s&&f.length===1&&!f[0].busy)w=f[0].id,m=f[0].name;else if(i){const y=await i(f);if(!y)throw new Error("Robot selection cancelled");w=y,m=((g=f.find(v=>v.id===y))==null?void 0:g.name)??null}else throw new Error("Multiple robots available — pass a pickRobot callback to autoConnect()")}if(await this.startSession(w),r&&typeof this.ensureAwake=="function")try{await this.ensureAwake()}catch(f){console.warn("[reachy-mini] autoConnect: ensureAwake failed:",f)}return{robotId:w,robotName:m,isEmbedded:this.isEmbedded}}finally{this._autoStartFromUrl=c}}async _fetchOwnedRobots({filterBusy:e=!0}={}){var t,i,s;try{const n=await fetch(`${this._signalingUrl}/api/robot-status`,{headers:{Authorization:`Bearer ${this._token}`}});if(!n.ok)throw new Error(`HTTP ${n.status}`);const r=await n.json(),c=new Map;for(const l of r.robots||[]){if(e&&l.busy)continue;const h=((t=l.meta)==null?void 0:t.install_id)??((i=l.meta)==null?void 0:i.hardware_id)??l.peerId;c.set(h,{id:l.peerId,name:l.robotName??((s=l.meta)==null?void 0:s.name)??null,busy:!!l.busy,activeApp:l.activeApp??null,meta:l.meta??{},lastSeenAgeSeconds:l.last_seen_age_seconds??null})}return Array.from(c.values()).sort((l,h)=>(l.lastSeenAgeSeconds??1/0)-(h.lastSeenAgeSeconds??1/0))}catch(n){return console.warn("[reachy-mini] /api/robot-status unavailable, using SSE list:",n),(this._robots||[]).map(r=>{var c;return{id:r.id,name:((c=r.meta)==null?void 0:c.name)??null,busy:!1,activeApp:null,meta:r.meta??{},lastSeenAgeSeconds:null}})}}_waitForRobotInList(e,t){var i;return(i=this._robots)!=null&&i.find(s=>s.id===e)?Promise.resolve():new Promise((s,n)=>{const r=()=>{var l;(l=this._robots)!=null&&l.find(h=>h.id===e)&&(this.removeEventListener("robotsChanged",r),clearTimeout(c),s())},c=setTimeout(()=>{this.removeEventListener("robotsChanged",r),n(new Error(`Timeout waiting for robot ${e} in list`))},t);this.addEventListener("robotsChanged",r)})}async startSession(e){if(this._state!=="connected")throw new Error("Not connected");this._selectedRobotId=e,this._iceConnected=!1,this._dcOpen=!1,this._micSupported=!1,this._pendingRemoteIce=[];try{const t=window,i=t.AudioContext??t.webkitAudioContext;if(!i)throw new Error("AudioContext not supported");const s=new i,n=s.createMediaStreamDestination(),r=s.createOscillator(),c=s.createGain();c.gain.value=0,r.connect(c).connect(n),r.start();const l=n.stream;l.getAudioTracks().forEach(h=>{h.enabled=!1}),this._micStream=l,this._micMuted=!0}catch(t){console.warn("Audio sender placeholder setup failed:",t),this._micStream=null}return this._pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this._installNetworkListeners(),new Promise((t,i)=>{this._sessionResolve=t,this._sessionReject=i,this._pc.ontrack=s=>{if(s.track.kind==="video"){const n=this._videoJitterBufferTargetMs;try{s.receiver.jitterBufferTarget=n}catch{}try{s.receiver.playoutDelayHint=n/1e3}catch{}this._emit("videoTrack",{track:s.track,stream:s.streams[0]})}},this._pc.onicecandidate=async s=>{s.candidate&&this._sessionId&&await this._sendToServer({type:"peer",sessionId:this._sessionId,ice:{candidate:s.candidate.candidate,sdpMLineIndex:s.candidate.sdpMLineIndex,sdpMid:s.candidate.sdpMid}})},this._pc.oniceconnectionstatechange=()=>{var n;const s=(n=this._pc)==null?void 0:n.iceConnectionState;if(s){if(this._emit("iceStateChange",{state:s}),s==="connected"||s==="completed"){this._clearIceGrace(),this._iceConnected=!0,this._checkSessionReady();return}if(s==="disconnected"){typeof document<"u"&&document.hidden?this._armIceGraceOnVisibility():this._scheduleIceGrace(H,"disconnected");return}if(s==="failed"){this._scheduleIceGrace(V,"failed");return}}},this._pc.ondatachannel=s=>{this._dc=s.channel,this._dc.onopen=()=>{this._dcOpen=!0,this._checkSessionReady()},this._dc.onmessage=n=>this._handleRobotMessage(JSON.parse(n.data))},this._sendToServer({type:"startSession",peerId:e}).then(s=>{if((s==null?void 0:s.type)==="sessionRejected"){this._failSessionRejected(s);return}s!=null&&s.sessionId&&(this._sessionId=s.sessionId)})})}_failSessionRejected(e){const t=new Error(e.reason==="robot_busy"?`Robot is busy: "${e.activeApp||"another app"}" is already connected`:`Session rejected: ${e.reason||"unknown reason"}`);if(t.reason=e.reason??null,t.activeApp=e.activeApp??null,this._clearIceGrace(),this._uninstallNetworkListeners(),this._pc&&(this._pc.close(),this._pc=null),this._micStream&&(this._micStream.getTracks().forEach(i=>i.stop()),this._micStream=null),this._iceConnected=!1,this._dcOpen=!1,this._micMuted=!0,this._micSupported=!1,this._emit("sessionRejected",{reason:e.reason,activeApp:e.activeApp}),this._sessionReject){const i=this._sessionReject;this._sessionResolve=null,this._sessionReject=null,i(t)}}async stopSession(){this._versionResolve&&(this._versionResolve(null),this._versionResolve=null),this._hardwareIdResolve&&(this._hardwareIdResolve(null),this._hardwareIdResolve=null),this._volumeResolve&&(this._volumeResolve(null),this._volumeResolve=null),this._micVolumeResolve&&(this._micVolumeResolve(null),this._micVolumeResolve=null),this._applyAudioConfigResolve&&(this._applyAudioConfigResolve(!1),this._applyAudioConfigResolve=null),this._readAudioParameterResolve&&(this._readAudioParameterResolve(null),this._readAudioParameterResolve=null),this._logSubscribers.clear(),this._rejectPendingMotionCompletions(new Error("Session stopped")),this._clearIceGrace(),this._uninstallNetworkListeners(),this._sessionReject&&(this._sessionReject(new Error("Session stopped")),this._sessionResolve=null,this._sessionReject=null),this._stateRefreshInterval&&(clearInterval(this._stateRefreshInterval),this._stateRefreshInterval=null),this._latencyMonitorId&&(clearInterval(this._latencyMonitorId),this._latencyMonitorId=null),this._sessionId&&await this._sendToServer({type:"endSession",sessionId:this._sessionId}),this._micStream&&(this._micStream.getTracks().forEach(t=>t.stop()),this._micStream=null),this._micMuted=!0,this._micSupported=!1,this._pc&&(this._pc.close(),this._pc=null),this._dc&&(this._dc.close(),this._dc=null),this._sessionId=null,this._iceConnected=!1,this._dcOpen=!1,this._state==="streaming"&&(this._state="connected",this._emit("sessionStopped",{reason:"user"}))}disconnect(){this._sseAbortController&&(this._sseAbortController.abort(),this._sseAbortController=null),this._versionResolve&&(this._versionResolve(null),this._versionResolve=null),this._hardwareIdResolve&&(this._hardwareIdResolve(null),this._hardwareIdResolve=null),this._volumeResolve&&(this._volumeResolve(null),this._volumeResolve=null),this._micVolumeResolve&&(this._micVolumeResolve(null),this._micVolumeResolve=null),this._applyAudioConfigResolve&&(this._applyAudioConfigResolve(!1),this._applyAudioConfigResolve=null),this._readAudioParameterResolve&&(this._readAudioParameterResolve(null),this._readAudioParameterResolve=null),this._logSubscribers.clear(),this._rejectPendingMotionCompletions(new Error("Disconnected")),this._clearIceGrace(),this._uninstallNetworkListeners(),this._sessionReject&&(this._sessionReject(new Error("Disconnected")),this._sessionResolve=null,this._sessionReject=null),this._stateRefreshInterval&&(clearInterval(this._stateRefreshInterval),this._stateRefreshInterval=null),this._latencyMonitorId&&(clearInterval(this._latencyMonitorId),this._latencyMonitorId=null),this._sessionId&&this._token&&this._sendToServer({type:"endSession",sessionId:this._sessionId}),this._micStream&&(this._micStream.getTracks().forEach(e=>e.stop()),this._micStream=null),this._pc&&(this._pc.close(),this._pc=null),this._dc&&(this._dc.close(),this._dc=null),this._sessionId=null,this._micMuted=!0,this._micSupported=!1,this._iceConnected=!1,this._dcOpen=!1,this._robots=[],this._state="disconnected",this._emit("disconnected",{reason:"user"})}_clearIceGrace(){this._iceGraceTimer!==null&&(clearTimeout(this._iceGraceTimer),this._iceGraceTimer=null),this._iceGraceReason=null,this._pendingVisibilityHandler&&typeof document<"u"&&document.removeEventListener("visibilitychange",this._pendingVisibilityHandler),this._pendingVisibilityHandler=null}_scheduleIceGrace(e,t){if(this._iceGraceTimer!==null){if(this._iceGraceReason===t)return;clearTimeout(this._iceGraceTimer)}this._iceGraceReason=t,this._iceGraceTimer=setTimeout(()=>{var n;this._iceGraceTimer=null;const i=this._iceGraceReason;this._iceGraceReason=null;const s=(n=this._pc)==null?void 0:n.iceConnectionState;if(!(s==="connected"||s==="completed")){if(i==="disconnected"&&s==="disconnected"){this._emit("error",{source:"webrtc",error:new Error(`ICE stuck in 'disconnected' for > ${e}ms`)});return}if(i==="failed"||s==="failed"){const r=new Error("ICE connection failed");this._sessionReject&&(this._sessionReject(r),this._sessionResolve=null,this._sessionReject=null),this._emit("error",{source:"webrtc",error:r})}}},e)}_armIceGraceOnVisibility(){if(this._pendingVisibilityHandler)return;const e=Date.now(),t=()=>{if(typeof document<"u"&&document.hidden||(document.removeEventListener("visibilitychange",t),this._pendingVisibilityHandler=null,!this._pc))return;const i=this._pc.iceConnectionState;if(!(i==="connected"||i==="completed")){if(Date.now()-e>ae){const s=new Error("Session expired while tab was backgrounded");this._sessionReject&&(this._sessionReject(s),this._sessionResolve=null,this._sessionReject=null),this._emit("error",{source:"webrtc",error:s});return}if(i==="failed"){this._scheduleIceGrace(V,"failed");return}this._scheduleIceGrace(H,"disconnected")}};document.addEventListener("visibilitychange",t),this._pendingVisibilityHandler=t}_installNetworkListeners(){if(this._onlineHandler||typeof window>"u")return;const e=()=>this._emit("networkOnline",{}),t=()=>this._emit("networkOffline",{});window.addEventListener("online",e),window.addEventListener("offline",t),this._onlineHandler=e,this._offlineHandler=t;const i=navigator.connection;if(i&&typeof i.addEventListener=="function"){const s=()=>this._emit("networkChange",{effectiveType:i.effectiveType,downlink:i.downlink,rtt:i.rtt,saveData:i.saveData});i.addEventListener("change",s),this._connectionChangeHandler=s}}_uninstallNetworkListeners(){typeof window<"u"&&(this._onlineHandler&&window.removeEventListener("online",this._onlineHandler),this._offlineHandler&&window.removeEventListener("offline",this._offlineHandler));const e=navigator.connection;e&&this._connectionChangeHandler&&typeof e.removeEventListener=="function"&&e.removeEventListener("change",this._connectionChangeHandler),this._onlineHandler=null,this._offlineHandler=null,this._connectionChangeHandler=null}setTarget({head:e,antennas:t,body_yaw:i}={}){const s={type:"set_full_target"};if(e!==void 0){if(!Array.isArray(e)||e.length!==16||!e.every(n=>Number.isFinite(n)))throw new TypeError(`setTarget: head must be a 16-element flat row-major 4×4 matrix of finite numbers; got ${Array.isArray(e)?`Array(${e.length})`:typeof e}`);s.head=e}if(t!==void 0){if(!Array.isArray(t)||t.length!==2||!t.every(n=>Number.isFinite(n)))throw new TypeError(`setTarget: antennas must be [rightRad, leftRad] (2 finite numbers); got ${Array.isArray(t)?`Array(${t.length})`:typeof t}`);s.antennas=t}if(i!==void 0){if(!Number.isFinite(i))throw new TypeError(`setTarget: body_yaw must be a finite number (radians); got ${i}`);s.body_yaw=i}return this._sendCommand(s)}gotoTarget({head:e,antennas:t,body_yaw:i,duration:s}){const n={type:"goto_target"};if(e!==void 0){if(!Array.isArray(e)||e.length!==16||!e.every(r=>Number.isFinite(r)))throw new TypeError(`gotoTarget: head must be a 16-element flat row-major 4×4 matrix of finite numbers; got ${Array.isArray(e)?`Array(${e.length})`:typeof e}`);n.head=e}if(t!==void 0){if(!Array.isArray(t)||t.length!==2||!t.every(r=>Number.isFinite(r)))throw new TypeError(`gotoTarget: antennas must be [rightRad, leftRad] (2 finite numbers); got ${Array.isArray(t)?`Array(${t.length})`:typeof t}`);n.antennas=t}if(i!==void 0){if(!Number.isFinite(i))throw new TypeError(`gotoTarget: body_yaw must be a finite number (radians); got ${i}`);n.body_yaw=i}if(!Number.isFinite(s)||s<=0)throw new TypeError(`gotoTarget: duration must be a positive finite number (seconds); got ${s}`);return n.duration=s,this._sendCommand(n)}setHeadRpyDeg(e,t,i){return this.setTarget({head:ee(e,t,i).flat()})}setAntennasDeg(e,t){return this.setTarget({antennas:[C(e),C(t)]})}setBodyYawDeg(e){return this.setTarget({body_yaw:C(e)})}playSound(e){return this._sendCommand({type:"play_sound",file:e})}clearIncomingAudio(){return this._sendCommand({type:"clear_incoming_audio"})}setMotorMode(e){return this._sendCommand({type:"set_motor_mode",mode:e})}setMotorTorque(e,t=null){return this._sendCommand({type:"set_torque",on:e,ids:t})}wakeUp({timeoutMs:e=8e3}={}){return this._sendCommand({type:"set_motor_mode",mode:"enabled"}),this._sendCommandAwaitCompletion("wake_up",e)}gotoSleep({timeoutMs:e=8e3}={}){return this._sendCommandAwaitCompletion("goto_sleep",e)}_sendCommandAwaitCompletion(e,t){return this._sendCommand({type:e})?new Promise((i,s)=>{const n={resolve:i,reject:s,timer:setTimeout(()=>{const r=this._pendingMotionCompletions[e],c=r.indexOf(n);c!==-1&&r.splice(c,1),s(new Error(`${e} timed out after ${t}ms`))},t)};this._pendingMotionCompletions[e].push(n)}):Promise.reject(new Error(`${e}: data channel not open`))}_rejectPendingMotionCompletions(e){for(const t of Object.keys(this._pendingMotionCompletions)){const i=this._pendingMotionCompletions[t];for(;i.length;){const s=i.shift();clearTimeout(s.timer),s.reject(e)}}}isAwake(){var t;const e=(t=this._robotState)==null?void 0:t.motor_mode;return e==="enabled"||e==="gravity_compensation"}async ensureAwake(e=1e3){var t;return((t=this._robotState)==null?void 0:t.motor_mode)===void 0&&await new Promise(i=>{const s=()=>{this.removeEventListener("state",s),clearTimeout(n),i()},n=setTimeout(s,e);this.addEventListener("state",s),this.requestState()}),this.isAwake()||this.wakeUp().catch(()=>{}),!0}getVersion(){return new Promise((e,t)=>{if(!this._dc||this._dc.readyState!=="open"){t(new Error("Data channel not open"));return}this._versionResolve&&this._versionResolve(null),this._versionResolve=e,this._sendCommand({type:"get_version"})})}getHardwareId(){return new Promise((e,t)=>{if(!this._dc||this._dc.readyState!=="open"){t(new Error("Data channel not open"));return}this._hardwareIdResolve&&this._hardwareIdResolve(null),this._hardwareIdResolve=e,this._sendCommand({type:"get_hardware_id"})})}getVolume(){return this._slotRoundtrip(()=>this._volumeResolve,e=>{this._volumeResolve=e},{type:"get_volume"})}setVolume(e){return this._slotRoundtrip(()=>this._volumeResolve,t=>{this._volumeResolve=t},{type:"set_volume",volume:N(e)})}getMicrophoneVolume(){return this._slotRoundtrip(()=>this._micVolumeResolve,e=>{this._micVolumeResolve=e},{type:"get_microphone_volume"})}setMicrophoneVolume(e){return this._slotRoundtrip(()=>this._micVolumeResolve,t=>{this._micVolumeResolve=t},{type:"set_microphone_volume",volume:N(e)})}applyAudioConfig(e,{verify:t=!0}={}){return this._slotRoundtrip(()=>this._applyAudioConfigResolve,i=>{this._applyAudioConfigResolve=i},{type:"apply_audio_config",config:e,verify:t}).then(i=>i===!0)}readAudioParameter(e){return this._slotRoundtrip(()=>this._readAudioParameterResolve,t=>{this._readAudioParameterResolve=t},{type:"read_audio_parameter",name:e})}_slotRoundtrip(e,t,i){return new Promise((s,n)=>{if(!this._dc||this._dc.readyState!=="open"){n(new Error("Data channel not open"));return}const r=e();r&&r(null),t(s),this._sendCommand(i)})}sendRaw(e){return this._sendCommand(e)}subscribeLogs({onLine:e,onError:t}){if(typeof e!="function")throw new TypeError("subscribeLogs: onLine callback is required");const i={onLine:e,onError:t},s=this._logSubscribers.size===0;this._logSubscribers.add(i),s&&this._sendCommand({type:"subscribe_logs"});let n=!1;return()=>{n||(n=!0,this._logSubscribers.delete(i),this._logSubscribers.size===0&&this._sendCommand({type:"unsubscribe_logs"}))}}requestState(){return this._sendCommand({type:"get_state"})}setAudioMuted(e){this._audioMuted=e,this._videoElement&&(this._videoElement.muted=e)}setMicMuted(e){this._micMuted=e,this._micStream&&this._micStream.getAudioTracks().forEach(t=>{t.enabled=!e})}attachVideo(e){this._videoElement=e,e.muted=this._audioMuted;const t=s=>{const n=s;e.srcObject=n.detail.stream,e.playsInline=!0,"requestVideoFrameCallback"in e&&this._startLatencyMonitor(e)},i=()=>{e.srcObject=null};return this.addEventListener("videoTrack",t),this.addEventListener("sessionStopped",i),()=>{this.removeEventListener("videoTrack",t),this.removeEventListener("sessionStopped",i),this._latencyMonitorId&&(clearInterval(this._latencyMonitorId),this._latencyMonitorId=null),e.srcObject=null,this._videoElement=null}}async playMove(e,{audioBlob:t=null,audioLeadMs:i=-100,description:s="move",encoding:n="gzip+base64",playFrequency:r=100,initialGotoDuration:c=0,startTimeoutMs:l=8e3,onProgress:h=()=>{},onStarted:u=()=>{}}={}){var R,j;if(!this._dc||this._dc.readyState!=="open")throw new Error("data channel not open");if(!((R=e==null?void 0:e.time)!=null&&R.length)||!((j=e==null?void 0:e.set_target_data)!=null&&j.length))throw new Error("playMove: motion must have time + set_target_data");const p=x();this._activeMoveUploadId=p;const g={description:s,time:e.time,set_target_data:e.set_target_data},w=JSON.stringify(g);let m,f;n==="gzip+base64"&&oe()?(m=await re(w),f="gzip+base64"):(m=w,f="json");const y=Math.ceil(m.length/S)||1;h({phase:"starting",sent:0,total:y,bytes:m.length,encoding:f}),this._sendCommand({type:"upload_move_start",upload_id:p,total_chunks:y,description:s,encoding:f});for(let _=0;_<y;_++){this._dc.bufferedAmount>L&&await this._awaitDataChannelDrain();const I=_*S;this._sendCommand({type:"upload_move_chunk",upload_id:p,chunk_index:_,chunk:m.slice(I,I+S)}),h({phase:"upload",sent:_+1,total:y})}if(this._sendCommand({type:"upload_move_finish",upload_id:p}),h({phase:"uploaded",sent:y,total:y}),t){const _=new Uint8Array(await t.arrayBuffer()),I=P(_),E=Math.ceil(I.length/S)||1;h({phase:"audio-starting",sent:0,total:E,bytes:I.length}),this._sendCommand({type:"upload_audio_start",upload_id:p,total_chunks:E,encoding:"wav-base64",description:s});for(let A=0;A<E;A++){this._dc.bufferedAmount>L&&await this._awaitDataChannelDrain();const D=A*S;this._sendCommand({type:"upload_audio_chunk",upload_id:p,chunk_index:A,chunk:I.slice(D,D+S)}),h({phase:"audio-upload",sent:A+1,total:E})}this._sendCommand({type:"upload_audio_finish",upload_id:p}),h({phase:"audio-uploaded",sent:E,total:E})}this._sendCommand({type:"play_uploaded_move",upload_id:p,play_frequency:r,initial_goto_duration:c,audio_lead_ms:i});let v;try{v=await this._waitForBroadcast(_=>(_==null?void 0:_.type)==="play_uploaded_move"&&(_==null?void 0:_.upload_id)===p&&(_.started===!0||typeof _.error=="string"),{timeoutMs:l,debugLabel:"play_uploaded_move started"})}catch(_){throw new Error(`Daemon did not respond to play_uploaded_move (requires the reachy_mini daemon with feature/daemon-side-move-upload). Underlying: ${_.message}`)}if(typeof v.error=="string")throw new Error(`play_uploaded_move: ${v.error}`);try{u({duration_s:v.duration_s,has_audio:v.has_audio===!0})}catch(_){console.warn("playMove.onStarted threw:",_)}h({phase:"playing",duration_s:v.duration_s});const b=await this._waitForBroadcast(_=>(_==null?void 0:_.type)==="play_uploaded_move"&&(_==null?void 0:_.upload_id)===p&&(_.finished===!0||_.cancelled===!0||typeof _.error=="string"),{timeoutMs:(v.duration_s+30)*1e3,debugLabel:"play_uploaded_move final"});return this._activeMoveUploadId===p&&(this._activeMoveUploadId=null),b}cancelMove(e=null){const t=e??this._activeMoveUploadId;return t?this._sendCommand({type:"cancel_move",upload_id:t}):!1}async uploadAudio(e,{description:t="audio",onProgress:i=()=>{}}={}){if(!this._dc||this._dc.readyState!=="open")throw new Error("data channel not open");if(!(e instanceof Blob))throw new TypeError("uploadAudio: expected a Blob");const s=x(),n=new Uint8Array(await e.arrayBuffer()),r=P(n),c=Math.ceil(r.length/S)||1;i({phase:"audio-starting",sent:0,total:c,bytes:r.length}),this._sendCommand({type:"upload_audio_start",upload_id:s,total_chunks:c,encoding:"wav-base64",description:t});for(let l=0;l<c;l++){this._dc.bufferedAmount>L&&await this._awaitDataChannelDrain();const h=l*S;this._sendCommand({type:"upload_audio_chunk",upload_id:s,chunk_index:l,chunk:r.slice(h,h+S)}),i({phase:"audio-upload",sent:l+1,total:c})}return this._sendCommand({type:"upload_audio_finish",upload_id:s}),i({phase:"audio-uploaded",sent:c,total:c}),s}async playUploadedAudio(e,{timeoutMs:t=8e3}={}){if(!this._dc||this._dc.readyState!=="open")throw new Error("data channel not open");const i=this._waitForBroadcast(n=>(n==null?void 0:n.type)==="play_uploaded_audio"&&(n==null?void 0:n.upload_id)===e&&(n.started===!0||typeof n.error=="string"),{timeoutMs:t,debugLabel:"play_uploaded_audio started"});this._sendCommand({type:"play_uploaded_audio",upload_id:e});const s=await i;if(typeof s.error=="string")throw new Error(s.error);return this._activeAudioUploadId=e,s}cancelAudio(e=null){const t=e??this._activeAudioUploadId;return t?(this._activeAudioUploadId===t&&(this._activeAudioUploadId=null),this._sendCommand({type:"cancel_audio",upload_id:t})):!1}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t}))}_waitForBroadcast(e,{timeoutMs:t=5e3,debugLabel:i=""}={}){return new Promise((s,n)=>{const r={predicate:e,resolve:s,timer:setTimeout(()=>{const c=this._broadcastWaiters.indexOf(r);c!==-1&&this._broadcastWaiters.splice(c,1),n(new Error(`broadcast timeout (${t} ms): ${i}`))},t)};this._broadcastWaiters.push(r)})}async _awaitDataChannelDrain(){for(;this._dc&&this._dc.bufferedAmount>ne;)if(await new Promise(e=>setTimeout(e,30)),!this._dc||this._dc.readyState!=="open")throw new Error("data channel closed mid-upload")}async _sendToServer(e){if(!this._token)throw new Error("No token — authenticate() first");try{const t=await fetch(`${this._signalingUrl}/send`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this._token}`},body:JSON.stringify(e)});if(!t.ok){let i="";try{i=await t.text()}catch{}return console.warn(`[reachy-mini] /send rejected (${t.status}) for type=${e==null?void 0:e.type}; body=${i||"<empty>"}`),null}return await t.json()}catch(t){return console.error("Send error:",t),null}}_sendCommand(e){return!this._dc||this._dc.readyState!=="open"?!1:(this._dc.send(JSON.stringify(e)),!0)}_checkSessionReady(){this._iceConnected&&this._dcOpen&&this._sessionResolve&&(this._state="streaming",this.requestState(),this._stateRefreshInterval=setInterval(()=>this.requestState(),500),this._emit("streaming",{sessionId:this._sessionId,robotId:this._selectedRobotId}),this._sessionResolve(),this._sessionResolve=null,this._sessionReject=null)}async _handleSignalingMessage(e){switch(e.type){case"welcome":break;case"list":this._robots=e.producers||[],this._emit("robotsChanged",{robots:this._robots}),this._maybeAutoStart();break;case"peerStatusChanged":{const t=await this._sendToServer({type:"list"});t!=null&&t.producers&&(this._robots=t.producers,this._emit("robotsChanged",{robots:this._robots}),this._maybeAutoStart());break}case"sessionStarted":this._sessionId=e.sessionId??null;break;case"sessionRejected":this._failSessionRejected(e);break;case"endSession":this._handleEndSession(e);break;case"peer":this._handlePeerMessage(e);break}}_handleEndSession(e){const t=e.reason,i=t==="robot_busy_local_app"?"Robot is busy: a local Python app is running":t==="local_app_started"?"Disconnected: a local Python app started on the robot":t==="robot_busy_local"?"Robot is busy: another session is already active":null;if(this._sessionReject){const s=new Error(i||`Session ended before it could start: ${t||"unknown reason"}`);s.reason=t??null,this._emit("sessionRejected",{reason:t,activeApp:null}),this._clearIceGrace(),this._uninstallNetworkListeners(),this._pc&&(this._pc.close(),this._pc=null),this._micStream&&(this._micStream.getTracks().forEach(r=>r.stop()),this._micStream=null),this._iceConnected=!1,this._dcOpen=!1,this._micMuted=!0,this._micSupported=!1;const n=this._sessionReject;this._sessionResolve=null,this._sessionReject=null,n(s);return}this._state==="streaming"&&(this._emit("sessionStopped",{reason:t||"remote_end",message:i}),this.stopSession().catch(()=>{}))}async _handlePeerMessage(e){if(this._pc)try{if(e.sdp){const t=e.sdp;if(t.type==="offer"){const s=se(t.sdp);if(this._micSupported=s,this._emit("micSupported",{supported:s}),s&&this._micStream)for(const r of this._micStream.getAudioTracks())this._pc.addTrack(r,this._micStream);await this._pc.setRemoteDescription(new RTCSessionDescription(t));const n=await this._pc.createAnswer();await this._pc.setLocalDescription(n),await this._sendToServer({type:"peer",sessionId:this._sessionId,sdp:{type:"answer",sdp:n.sdp}})}else await this._pc.setRemoteDescription(new RTCSessionDescription(t));const i=this._pendingRemoteIce;if(i&&i.length){this._pendingRemoteIce=[];for(const s of i)try{await this._pc.addIceCandidate(new RTCIceCandidate(s))}catch(n){console.warn("[reachy-mini] buffered ICE candidate rejected:",n)}}}if(e.ice){if(!e.ice.candidate)return;this._pc.remoteDescription?await this._pc.addIceCandidate(new RTCIceCandidate(e.ice)):(this._pendingRemoteIce||(this._pendingRemoteIce=[]),this._pendingRemoteIce.push(e.ice))}}catch(t){console.error("WebRTC error:",t),this._emit("error",{source:"webrtc",error:t})}}_handleRobotMessage(e){if("version"in e&&this._versionResolve){this._versionResolve(e.version),this._versionResolve=null;return}if("hardware_id"in e&&this._hardwareIdResolve){this._hardwareIdResolve(e.hardware_id),this._hardwareIdResolve=null;return}if(e.command==="get_volume"||e.command==="set_volume"){this._volumeResolve&&(this._volumeResolve(e.status==="error"?null:e.volume),this._volumeResolve=null);return}if(e.command==="get_microphone_volume"||e.command==="set_microphone_volume"){this._micVolumeResolve&&(this._micVolumeResolve(e.status==="error"?null:e.volume),this._micVolumeResolve=null);return}if(e.command==="apply_audio_config"){this._applyAudioConfigResolve&&(this._applyAudioConfigResolve(e.error?!1:!!e.applied),this._applyAudioConfigResolve=null);return}if(e.command==="read_audio_parameter"){this._readAudioParameterResolve&&(this._readAudioParameterResolve(e.error?null:e.values??null),this._readAudioParameterResolve=null);return}if((e.command==="wake_up"||e.command==="goto_sleep")&&this._pendingMotionCompletions&&this._pendingMotionCompletions[e.command]){const t=this._pendingMotionCompletions[e.command];if(e.completed===!0&&t.length>0){const i=t.shift();clearTimeout(i.timer),i.resolve();return}if(e.error&&t.length>0){const i=t.shift();clearTimeout(i.timer),i.reject(new Error(`${e.command}: ${e.error}`));return}}if(e.type==="log_line"){for(const t of this._logSubscribers)try{t.onLine({timestamp:e.timestamp,line:e.line})}catch(i){console.error("subscribeLogs onLine threw:",i)}return}if(e.type==="log_stream_error"){for(const t of this._logSubscribers)if(typeof t.onError=="function")try{t.onError(e.error)}catch(i){console.error("subscribeLogs onError threw:",i)}return}if(e.state){const t=e.state;t.head_pose&&(this._robotState.head=t.head_pose.flat()),t.antennas&&(this._robotState.antennas=[t.antennas[0],t.antennas[1]]),typeof t.body_yaw=="number"&&(this._robotState.body_yaw=t.body_yaw),t.motor_mode&&(this._robotState.motor_mode=t.motor_mode),typeof t.is_move_running=="boolean"&&(this._robotState.is_move_running=t.is_move_running),this._emit("state",{...this._robotState})}if(e.error&&this._emit("error",{source:"robot",error:e.error}),this._broadcastWaiters.length>0)for(let t=this._broadcastWaiters.length-1;t>=0;t--){const i=this._broadcastWaiters[t];if(i.predicate(e)){this._broadcastWaiters.splice(t,1),clearTimeout(i.timer),i.resolve(e);return}}}_startLatencyMonitor(e){this._latencyMonitorId&&clearInterval(this._latencyMonitorId),this._latencyMonitorId=setInterval(()=>{if(!e.srcObject||e.paused)return;const t=e.buffered;if(t.length>0){const i=t.end(t.length-1),s=i-e.currentTime;s>.5&&(console.log(`Latency correction: was ${s.toFixed(2)}s behind`),e.currentTime=i-.1)}},2e3)}}window.ReachyMini=le;window.dispatchEvent(new Event("reachymini:ready"));const M=new URLSearchParams(window.location.search),ce=M.get("embedded")==="1"||M.get("embed")==="1",de=M.has("code")||M.has("error"),he=sessionStorage.getItem("cookaiware:launched")==="1";function F(){sessionStorage.setItem("cookaiware:launched","1");const o=document.getElementById("root");return o&&(o.innerHTML=""),U(async()=>{const{mountHost:a}=await import("./auto-CaTD3xKq.js");return{mountHost:a}},__vite__mapDeps([0,1])).then(({mountHost:a})=>{a({appName:"CookAIware",appIconUrl:"/icon.png",appEmoji:"🍲",enableMicrophone:!0,devToken:void 0,clientId:void 0})})}ce?U(()=>import("./embed-CtskQx_e.js"),__vite__mapDeps([2,1,3])):de||he?F():U(async()=>{const{renderLanding:o}=await import("./landing-DkIk3-oJ.js");return{renderLanding:o}},__vite__mapDeps([4,5])).then(({renderLanding:o})=>o(()=>void F()));export{U as _,_e as r};

index.html

@@ -59,7 +59,7 @@
         }
       })();
     </script>
-    <script type="module" crossorigin src="/assets/index-CppylzQx.js"></script>
+    <script type="module" crossorigin src="/assets/index-BkQO3aLW.js"></script>
   </head>
   <body>
     <!-- Capture the robot's inbound audio track BEFORE the Reachy SDK module

web/src/domain/inventory.ts

@@ -155,3 +155,24 @@ export function daysToExpiration(item: InventoryItem, today = new Date()): numbe
 export function displayQuantity(item: InventoryItem): string {
   return formatQuantity(item.quantity, item.unit);
 }
+
+/** Normalize a single raw item input into a stored InventoryItem (base unit,
+ *  parsed date). Returns null if the quantity/unit is invalid. Used by the edit
+ *  form, which replaces an item in place rather than merging. */
+export function normalizeItemInput(input: NewItemInput): InventoryItem | null {
+  const rawName = String(input.name ?? "").trim();
+  const name = normalizeName(rawName);
+  const normalized = normalizeQuantity(input.quantity, input.unit);
+  if (!name || !normalized) return null;
+  const [quantity, unit] = normalized;
+  let storageLocation = input.storage_location ?? null;
+  if (storageLocation !== null) storageLocation = String(storageLocation).trim() || null;
+  return {
+    name,
+    display_name: rawName || name,
+    quantity,
+    unit,
+    expiration_date: parseDate(input.expiration_date),
+    storage_location: storageLocation,
+  };
+}

web/src/i18n/index.ts

@@ -42,6 +42,19 @@ const STRINGS = {
     location_placeholder: "fridge, pantry…",
     cook_some: "Use",
     delete_item: "Remove",
+    edit_item: "Edit item",
+    delete_confirm: (name: string) => `Remove "${name}" from the inventory?`,
+    use_title: (name: string) => `Use ${name}`,
+    use_amount: "Amount used",
+    use_all: "Use all",
+    sort_label: "Sort",
+    sort_expiration: "Expiration",
+    sort_name: "Name",
+    sort_custom: "Custom",
+    drag_hint: "Drag items to reorder",
+    filter_location: (loc: string) => `Showing “${loc}” — tap to clear`,
+    no_expiration: "no expiry",
+    expires_on: (d: string) => `expires ${d}`,
     expires_in_days: (d: number) => (d === 0 ? "expires today" : d === 1 ? "expires tomorrow" : `expires in ${d} days`),
     expired: "expired",
     plan_title: "Weekly meal plan",
@@ -74,10 +87,21 @@ const STRINGS = {
     hf_sync_hint:
       "Optional: store your data in a private dataset in your HF account. Paste a fine-grained token with write access to repos. It is kept only in this browser.",
     hf_token_label: "HF token",
-    hf_save_to_cloud: "Save to my HF account",
-    hf_load_from_cloud: "Load from my HF account",
+    hf_save_to_cloud: "Save",
+    hf_load_from_cloud: "Load",
     hf_sync_ok: (repo: string) => `Synced with ${repo}`,
     hf_sync_err: "Sync failed. Check the token and try again.",
+    hf_autosync: "Auto-sync",
+    hf_autosync_hint: "Save to your HF account automatically a few seconds after each change.",
+    hf_last_synced: (when: string) => `Last synced ${when}`,
+    hf_never_synced: "Not synced yet",
+    hf_save_confirm: (summary: string) =>
+      `This will overwrite the cloud copy in your HF account with what's on this device (${summary}). Continue?`,
+    hf_load_confirm: (summary: string) =>
+      `This will replace the data on this device with the cloud copy (${summary}). Continue?`,
+    data_summary: (inv: number, plan: boolean, shop: number) =>
+      `${inv} item${inv === 1 ? "" : "s"}, ${plan ? "a meal plan" : "no meal plan"}, ${shop} to buy`,
+    confirm_yes: "Continue",
     voice_title: "Talk to Reachy",
     voice_key_label: "OpenAI API key",
     voice_key_hint: "Used for voice (gpt-realtime) and for Reachy's camera vision (gpt-4o-mini). The key needs permissions for BOTH the Realtime API and Model capabilities — a key with 'All' permissions is simplest. Stored only on this device, sent only to OpenAI, uses your own OpenAI credits.",
@@ -146,6 +170,19 @@ const STRINGS = {
     location_placeholder: "nevera, armario…",
     cook_some: "Usar",
     delete_item: "Quitar",
+    edit_item: "Editar alimento",
+    delete_confirm: (name: string) => `¿Quitar "${name}" del inventario?`,
+    use_title: (name: string) => `Usar ${name}`,
+    use_amount: "Cantidad usada",
+    use_all: "Usar todo",
+    sort_label: "Ordenar",
+    sort_expiration: "Caducidad",
+    sort_name: "Nombre",
+    sort_custom: "Manual",
+    drag_hint: "Arrastra para reordenar",
+    filter_location: (loc: string) => `Mostrando “${loc}” — toca para quitar`,
+    no_expiration: "sin caducidad",
+    expires_on: (d: string) => `caduca ${d}`,
     expires_in_days: (d: number) =>
       d === 0 ? "caduca hoy" : d === 1 ? "caduca mañana" : `caduca en ${d} días`,
     expired: "caducado",
@@ -179,10 +216,21 @@ const STRINGS = {
     hf_sync_hint:
       "Opcional: guarda tus datos en un dataset privado de tu cuenta de HF. Pega un token fine-grained con permiso de escritura en repos. Solo se guarda en este navegador.",
     hf_token_label: "Token de HF",
-    hf_save_to_cloud: "Guardar en mi cuenta de HF",
-    hf_load_from_cloud: "Cargar de mi cuenta de HF",
+    hf_save_to_cloud: "Guardar",
+    hf_load_from_cloud: "Cargar",
     hf_sync_ok: (repo: string) => `Sincronizado con ${repo}`,
     hf_sync_err: "Error de sincronización. Revisa el token e inténtalo de nuevo.",
+    hf_autosync: "Sincronización automática",
+    hf_autosync_hint: "Guarda en tu cuenta de HF automáticamente unos segundos después de cada cambio.",
+    hf_last_synced: (when: string) => `Última sincronización ${when}`,
+    hf_never_synced: "Aún sin sincronizar",
+    hf_save_confirm: (summary: string) =>
+      `Esto sobrescribirá la copia en tu cuenta de HF con lo que hay en este dispositivo (${summary}). ¿Continuar?`,
+    hf_load_confirm: (summary: string) =>
+      `Esto reemplazará los datos de este dispositivo con la copia de la nube (${summary}). ¿Continuar?`,
+    data_summary: (inv: number, plan: boolean, shop: number) =>
+      `${inv} alimento${inv === 1 ? "" : "s"}, ${plan ? "un menú" : "sin menú"}, ${shop} por comprar`,
+    confirm_yes: "Continuar",
     voice_title: "Habla con Reachy",
     voice_key_label: "Clave de API de OpenAI",
     voice_key_hint: "Se usa para la voz (gpt-realtime) y para la visión de la cámara de Reachy (gpt-4o-mini). La clave necesita permisos para la API Realtime Y para Model capabilities — lo más sencillo es una clave con permisos 'All'. Se guarda solo en este dispositivo, se envía solo a OpenAI y consume tus créditos de OpenAI.",

web/src/storage/store.ts

@@ -13,8 +13,10 @@ export interface AppData {
 export interface AppSettings {
   language: "es" | "en";
   hfToken: string | null;
-  hfDatasetSync: boolean;
+  hfDatasetSync: boolean; // auto-sync to HF after each change
+  lastSyncedAt: string | null; // ISO timestamp of last successful upload
   openaiKey: string | null;
+  inventorySort: "expiration" | "name" | "custom";
 }
 
 const DATA_KEY = "cookaiware:data";
@@ -48,7 +50,9 @@ export function loadSettings(): AppSettings {
     language: navigator.language?.toLowerCase().startsWith("es") ? "es" : "en",
     hfToken: null,
     hfDatasetSync: false,
+    lastSyncedAt: null,
     openaiKey: null,
+    inventorySort: "expiration",
   };
   try {
     const raw = localStorage.getItem(SETTINGS_KEY);
@@ -58,13 +62,25 @@ export function loadSettings(): AppSettings {
       language: parsed.language === "es" || parsed.language === "en" ? parsed.language : fallback.language,
       hfToken: typeof parsed.hfToken === "string" && parsed.hfToken ? parsed.hfToken : null,
       hfDatasetSync: parsed.hfDatasetSync === true,
+      lastSyncedAt: typeof parsed.lastSyncedAt === "string" ? parsed.lastSyncedAt : null,
       openaiKey: typeof parsed.openaiKey === "string" && parsed.openaiKey ? parsed.openaiKey : null,
+      inventorySort:
+        parsed.inventorySort === "name" || parsed.inventorySort === "custom" ? parsed.inventorySort : "expiration",
     };
   } catch {
     return fallback;
   }
 }
 
+/** Short summary of a dataset's contents for confirmation dialogs. */
+export function summarizeData(data: AppData): { inventory: number; hasPlan: boolean; shopping: number } {
+  return {
+    inventory: data.inventory.filter((i) => i.quantity > 0).length,
+    hasPlan: !!data.meal_plan && data.meal_plan.days.some((d) => d.meals.length > 0),
+    shopping: data.shopping_list.length,
+  };
+}
+
 export function saveSettings(settings: AppSettings): void {
   localStorage.setItem(SETTINGS_KEY, JSON.stringify(settings));
 }

web/src/ui/app.ts

@@ -1,5 +1,6 @@
 import type { ReachyMiniInstance } from "@pollen-robotics/reachy-mini-sdk";
 import type { RobotGestures } from "../robot/gestures";
+import type { InventoryItem } from "../domain/types";
 import type { AppData, AppSettings } from "../storage/store";
 import {
   loadData,
@@ -8,6 +9,7 @@ import {
   saveSettings,
   exportToFile,
   importFromFile,
+  summarizeData,
 } from "../storage/store";
 import { uploadData, downloadData } from "../storage/hfDataset";
 import { VoiceController, type VoiceStatus } from "../voice/controller";
@@ -49,6 +51,12 @@ const ICONS = {
     '<path d="M4.5 9.5v5h3l4 3.5v-12l-4 3.5h-3z"/><path d="M15 9a4.5 4.5 0 0 1 0 6M17.5 6.8a8 8 0 0 1 0 10.4"/>',
   ),
   spinner: svg('<path d="M12 3.5a8.5 8.5 0 1 0 8.5 8.5" class="spin-path"/>'),
+  edit: svg('<path d="M14.5 5.5l4 4M4 20l4.5-1 9-9-4-4-9 9L4 20z"/>'),
+  trash: svg('<path d="M5 7h14M9.5 7V5.2A1.2 1.2 0 0 1 10.7 4h2.6a1.2 1.2 0 0 1 1.2 1.2V7M7 7l1 12.2a1.5 1.5 0 0 0 1.5 1.4h5a1.5 1.5 0 0 0 1.5-1.4L17.5 7"/>'),
+  use: svg('<circle cx="12" cy="12" r="8.5"/><path d="M8 12h8"/>'),
+  drag: svg('<circle cx="9" cy="6" r="1.3"/><circle cx="15" cy="6" r="1.3"/><circle cx="9" cy="12" r="1.3"/><circle cx="15" cy="12" r="1.3"/><circle cx="9" cy="18" r="1.3"/><circle cx="15" cy="18" r="1.3"/>'),
+  clock: svg('<circle cx="12" cy="12" r="8.5"/><path d="M12 7.5V12l3 2"/>'),
+  pin: svg('<path d="M12 21s6-5.3 6-10a6 6 0 1 0-12 0c0 4.7 6 10 6 10z"/><circle cx="12" cy="11" r="2.2"/>'),
 };
 
 export class App {
@@ -58,6 +66,9 @@ export class App {
   private settings: AppSettings;
   private tab: Tab = "inventory";
   private warnedExpiry = false;
+  private transcriptMinimized = false;
+  private locationFilter: string | null = null;
+  private syncTimer: ReturnType<typeof setTimeout> | null = null;
   private voice: VoiceController;
   private voiceStatus: VoiceStatus = "idle";
   private transcript: { role: "user" | "assistant"; text?: string; image?: string }[] = [];
@@ -131,6 +142,7 @@ export class App {
 
   private commit(): void {
     saveData(this.data);
+    this.scheduleAutoSync();
     this.render();
   }
 
@@ -140,7 +152,111 @@ export class App {
     el.className = "toast";
     el.textContent = message;
     document.body.appendChild(el);
-    setTimeout(() => el.remove(), 3000);
+    setTimeout(() => el.remove(), 3500);
+  }
+
+  // ── Reusable modal + confirm ──────────────────────────────────────────────
+
+  private showModal(opts: {
+    title: string;
+    body: HTMLElement;
+    primaryLabel: string;
+    onPrimary: () => void | Promise<void>;
+  }): void {
+    const s = this.s;
+    const backdrop = document.createElement("div");
+    backdrop.className = "modal-backdrop";
+    const card = document.createElement("div");
+    card.className = "modal-card";
+    card.innerHTML = `<div class="modal-title">${escapeHtml(opts.title)}</div>`;
+    const bodyWrap = document.createElement("div");
+    bodyWrap.className = "modal-body";
+    bodyWrap.appendChild(opts.body);
+    const actions = document.createElement("div");
+    actions.className = "modal-actions";
+    const cancel = document.createElement("button");
+    cancel.className = "btn";
+    cancel.textContent = s.cancel;
+    const primary = document.createElement("button");
+    primary.className = "btn primary";
+    primary.textContent = opts.primaryLabel;
+    actions.append(cancel, primary);
+    card.append(bodyWrap, actions);
+    backdrop.appendChild(card);
+    document.body.appendChild(backdrop);
+
+    const close = () => backdrop.remove();
+    cancel.onclick = close;
+    backdrop.onclick = (e) => {
+      if (e.target === backdrop) close();
+    };
+    primary.onclick = async () => {
+      await opts.onPrimary();
+      close();
+    };
+    // Focus the first input for quick keyboard entry.
+    bodyWrap.querySelector<HTMLElement>("input, select")?.focus();
+  }
+
+  private confirm(message: string): Promise<boolean> {
+    const s = this.s;
+    return new Promise((resolve) => {
+      const backdrop = document.createElement("div");
+      backdrop.className = "modal-backdrop";
+      backdrop.innerHTML = `
+        <div class="modal-card">
+          <div class="modal-body confirm-msg">${escapeHtml(message)}</div>
+          <div class="modal-actions">
+            <button class="btn" data-no>${s.cancel}</button>
+            <button class="btn primary" data-yes>${s.confirm_yes}</button>
+          </div>
+        </div>`;
+      document.body.appendChild(backdrop);
+      const done = (v: boolean) => {
+        backdrop.remove();
+        resolve(v);
+      };
+      backdrop.querySelector<HTMLButtonElement>("[data-no]")!.onclick = () => done(false);
+      backdrop.querySelector<HTMLButtonElement>("[data-yes]")!.onclick = () => done(true);
+      backdrop.onclick = (e) => {
+        if (e.target === backdrop) done(false);
+      };
+    });
+  }
+
+  // ── Auto-sync to HF (debounced) ────────────────────���──────────────────────
+
+  private scheduleAutoSync(): void {
+    if (!this.settings.hfDatasetSync || !this.settings.hfToken) return;
+    if (this.syncTimer) clearTimeout(this.syncTimer);
+    this.syncTimer = setTimeout(() => void this.pushToCloud(true), 4000);
+  }
+
+  private async pushToCloud(silent: boolean): Promise<void> {
+    const token = this.settings.hfToken;
+    if (!token) return;
+    try {
+      const identity = await uploadData(token, this.data);
+      this.settings.lastSyncedAt = new Date().toISOString();
+      saveSettings(this.settings);
+      if (!silent) this.toast(this.s.hf_sync_ok(identity.repoId));
+      // Refresh the "last synced" label if Settings is open.
+      if (this.tab === "settings") this.updateSyncLabel();
+    } catch (err) {
+      console.error("[cookaiware] auto-sync failed", err);
+      if (!silent) {
+        const msg = err instanceof Error ? err.message : String(err);
+        this.toast(`${this.s.hf_sync_err} — ${msg.slice(0, 140)}`);
+      }
+    }
+  }
+
+  private updateSyncLabel(): void {
+    const el = this.root.querySelector<HTMLElement>("#hf-last-synced");
+    if (!el) return;
+    el.textContent = this.settings.lastSyncedAt
+      ? this.s.hf_last_synced(relativeTime(this.settings.lastSyncedAt, this.settings.language))
+      : this.s.hf_never_synced;
   }
 
   private render(): void {
@@ -219,6 +335,7 @@ export class App {
       return;
     }
     panel.style.display = "block";
+    panel.classList.toggle("minimized", this.transcriptMinimized);
     const rows =
       this.transcript.length === 0
         ? `<div class="vt-empty">${s.voice_transcript_empty}</div>`
@@ -232,13 +349,30 @@ export class App {
               }" alt="${m.role}" /><div class="bubble${m.image ? " photo-bubble" : ""}">${inner}</div></div>`;
             })
             .join("");
+    const toggleIcon = this.transcriptMinimized
+      ? svg('<path d="M7 14l5-5 5 5"/>') // chevron up = expand
+      : svg('<path d="M7 10l5 5 5-5"/>'); // chevron down = minimize
     panel.innerHTML = `
-      <div class="vt-head">
-        <span>${s.voice_transcript_title}</span>
-        <button class="vt-clear" id="vt-clear">${s.voice_transcript_clear}</button>
+      <div class="vt-head" id="vt-head">
+        <span>${s.voice_transcript_title}${this.transcriptMinimized && this.transcript.length ? ` · ${this.transcript.length}` : ""}</span>
+        <div class="vt-head-actions">
+          <button class="vt-clear" id="vt-clear">${s.voice_transcript_clear}</button>
+          <button class="vt-min icon-btn" id="vt-min" aria-label="minimize">${toggleIcon}</button>
+        </div>
       </div>
       <div class="vt-body" id="vt-body">${rows}</div>`;
-    panel.querySelector<HTMLButtonElement>("#vt-clear")!.onclick = () => {
+    const toggle = () => {
+      this.transcriptMinimized = !this.transcriptMinimized;
+      this.updateTranscript();
+    };
+    panel.querySelector<HTMLButtonElement>("#vt-min")!.onclick = toggle;
+    // Tapping the header (not the buttons) also toggles when minimized.
+    panel.querySelector<HTMLElement>("#vt-head")!.onclick = (e) => {
+      if ((e.target as HTMLElement).closest("button")) return;
+      if (this.transcriptMinimized) toggle();
+    };
+    panel.querySelector<HTMLButtonElement>("#vt-clear")!.onclick = (e) => {
+      e.stopPropagation();
       this.transcript = [];
       this.updateTranscript();
     };
@@ -312,79 +446,70 @@ export class App {
 
     main.insertAdjacentHTML("beforeend", `<h1>${s.inventory_title}</h1>`);
 
-    const items = inv.sortInventory(this.data.inventory).filter((item) => item.quantity > 0);
+    // Sort control.
+    const sortBar = document.createElement("div");
+    sortBar.className = "sort-bar";
+    sortBar.innerHTML = `<span class="sort-label">${s.sort_label}</span>`;
+    const seg = document.createElement("div");
+    seg.className = "segmented";
+    for (const [mode, label] of [
+      ["expiration", s.sort_expiration],
+      ["name", s.sort_name],
+      ["custom", s.sort_custom],
+    ] as const) {
+      const b = document.createElement("button");
+      b.className = this.settings.inventorySort === mode ? "active" : "";
+      b.textContent = label;
+      b.onclick = () => {
+        this.settings.inventorySort = mode;
+        saveSettings(this.settings);
+        this.render();
+      };
+      seg.appendChild(b);
+    }
+    sortBar.appendChild(seg);
+    main.appendChild(sortBar);
+
+    // Active location filter banner.
+    if (this.locationFilter) {
+      const banner = document.createElement("button");
+      banner.className = "filter-banner";
+      banner.innerHTML = `${ICONS.pin}<span>${s.filter_location(this.locationFilter)}</span>`;
+      banner.onclick = () => {
+        this.locationFilter = null;
+        this.render();
+      };
+      main.appendChild(banner);
+    }
+
+    const items = this.orderedInventory();
     if (items.length === 0) {
       main.insertAdjacentHTML("beforeend", `<div class="empty">${s.inventory_empty}</div>`);
     }
+    if (this.settings.inventorySort === "custom" && items.length > 1 && !this.locationFilter) {
+      main.insertAdjacentHTML("beforeend", `<p class="hint drag-hint">${ICONS.drag} ${s.drag_hint}</p>`);
+    }
 
+    const list = document.createElement("div");
+    list.className = "inv-list";
+    const draggable = this.settings.inventorySort === "custom" && !this.locationFilter;
     let hasExpiring = false;
-    for (const item of items) {
-      const card = document.createElement("div");
-      card.className = "card row";
+    items.forEach((item) => {
       const days = inv.daysToExpiration(item);
-      let chip = "";
-      if (days !== null && days < 0) {
-        chip = `<span class="chip danger">${s.expired}</span>`;
-        hasExpiring = true;
-      } else if (days !== null && days <= EXPIRY_SOON_DAYS) {
-        chip = `<span class="chip warn">${s.expires_in_days(days)}</span>`;
-        hasExpiring = true;
-      }
-      const sub = [inv.displayQuantity(item), item.storage_location ?? ""].filter(Boolean).join(" · ");
-      card.innerHTML = `
-        <div class="grow">
-          <div class="item-title">${escapeHtml(item.display_name)}${chip}</div>
-          <div class="item-sub">${escapeHtml(sub)}</div>
-        </div>`;
-
-      const useBtn = document.createElement("button");
-      useBtn.className = "btn small";
-      useBtn.textContent = s.cook_some;
-      useBtn.onclick = () => this.promptUse(item.name, item.unit);
-      const delBtn = document.createElement("button");
-      delBtn.className = "btn small";
-      delBtn.textContent = "✕";
-      delBtn.setAttribute("aria-label", s.delete_item);
-      delBtn.onclick = () => {
-        this.data.inventory = this.data.inventory.filter((entry) => entry !== item);
-        this.commit();
-      };
-      card.append(useBtn, delBtn);
-      main.appendChild(card);
-    }
+      if (days !== null && days <= EXPIRY_SOON_DAYS) hasExpiring = true;
+      const card = this.renderInventoryCard(item, draggable);
+      list.appendChild(card);
+    });
+    main.appendChild(list);
 
     if (hasExpiring && !this.warnedExpiry) {
       this.warnedExpiry = true;
       void this.gestures.concernedTilt();
     }
 
+    // Add-item form.
     main.insertAdjacentHTML("beforeend", `<h2>${s.add_item}</h2>`);
-    const form = document.createElement("form");
-    form.className = "card";
-    form.innerHTML = `
-      <label>${s.item_name}</label>
-      <input name="name" required autocomplete="off" />
-      <div class="form-grid">
-        <div>
-          <label>${s.item_quantity}</label>
-          <input name="quantity" type="number" inputmode="decimal" min="0" step="any" required />
-        </div>
-        <div>
-          <label>${s.item_unit}</label>
-          <select name="unit">
-            <option value="g">g</option>
-            <option value="kg">kg</option>
-            <option value="ml">ml</option>
-            <option value="l">l</option>
-            <option value="pcs">pcs</option>
-          </select>
-        </div>
-      </div>
-      <label>${s.item_expiration}</label>
-      <input name="expiration" type="date" />
-      <label>${s.item_location}</label>
-      <input name="location" placeholder="${s.location_placeholder}" autocomplete="off" />
-      <button class="btn primary block" type="submit">${s.add_item}</button>`;
+    const form = this.itemForm(null);
     form.onsubmit = (event) => {
       event.preventDefault();
       const fd = new FormData(form);
@@ -408,13 +533,198 @@ export class App {
     main.appendChild(form);
   }
 
-  private promptUse(name: string, unit: string): void {
-    const raw = window.prompt(`${this.s.cook_some} — ${name} (${unit})`, "");
-    if (!raw) return;
-    const { inventory, errors } = inv.cookItems(this.data.inventory, [{ name, quantity: raw, unit }]);
-    if (errors.length > 0) this.toast(errors.join(", "));
-    this.data.inventory = inventory;
-    this.commit();
+  private orderedInventory(): InventoryItem[] {
+    let items = this.data.inventory.filter((i) => i.quantity > 0);
+    const mode = this.settings.inventorySort;
+    if (mode === "name") items = [...items].sort((a, b) => a.display_name.localeCompare(b.display_name));
+    else if (mode === "expiration") items = inv.sortInventory(items);
+    // "custom" keeps the underlying array order.
+    if (this.locationFilter) items = items.filter((i) => (i.storage_location ?? "") === this.locationFilter);
+    return items;
+  }
+
+  private existingLocations(): string[] {
+    return [...new Set(this.data.inventory.map((i) => i.storage_location).filter((l): l is string => !!l))].sort();
+  }
+
+  private renderInventoryCard(item: InventoryItem, draggable: boolean): HTMLElement {
+    const s = this.s;
+    const card = document.createElement("div");
+    card.className = "card inv-card";
+    const days = inv.daysToExpiration(item);
+    let chip = "";
+    if (days !== null && days < 0) chip = `<span class="chip danger">${s.expired}</span>`;
+    else if (days !== null && days <= EXPIRY_SOON_DAYS) chip = `<span class="chip warn">${s.expires_in_days(days)}</span>`;
+
+    const expText = item.expiration_date
+      ? `${ICONS.clock}<span>${s.expires_on(formatDate(item.expiration_date, this.settings.language))}</span>`
+      : `${ICONS.clock}<span>${s.no_expiration}</span>`;
+
+    card.innerHTML = `
+      ${draggable ? `<span class="drag-handle" aria-label="reorder">${ICONS.drag}</span>` : ""}
+      <div class="grow">
+        <div class="item-title">${escapeHtml(item.display_name)}${chip}</div>
+        <div class="item-meta">
+          <span class="qty">${escapeHtml(inv.displayQuantity(item))}</span>
+          <span class="exp ${days !== null && days < 0 ? "over" : ""}">${expText}</span>
+          ${item.storage_location ? `<button class="loc-chip">${ICONS.pin}${escapeHtml(item.storage_location)}</button>` : ""}
+        </div>
+      </div>
+      <div class="inv-actions">
+        <button class="icon-btn use" aria-label="${s.cook_some}">${ICONS.use}</button>
+        <button class="icon-btn edit" aria-label="${s.edit_item}">${ICONS.edit}</button>
+        <button class="icon-btn danger del" aria-label="${s.delete_item}">${ICONS.trash}</button>
+      </div>`;
+
+    card.querySelector<HTMLButtonElement>(".use")!.onclick = () => this.openUse(item);
+    card.querySelector<HTMLButtonElement>(".edit")!.onclick = () => this.openEdit(item);
+    card.querySelector<HTMLButtonElement>(".del")!.onclick = async () => {
+      if (await this.confirm(s.delete_confirm(item.display_name))) {
+        this.data.inventory = this.data.inventory.filter((e) => e !== item);
+        this.commit();
+      }
+    };
+    card.querySelector<HTMLButtonElement>(".loc-chip")?.addEventListener("click", () => {
+      this.locationFilter = item.storage_location;
+      this.render();
+    });
+    if (draggable) this.wireDrag(card, item);
+    return card;
+  }
+
+  /** Pointer-based drag reorder (works on touch, unlike HTML5 DnD). The dragged
+   *  card carries its InventoryItem reference so the final order is rebuilt from
+   *  the DOM directly. */
+  private wireDrag(card: HTMLElement, item: InventoryItem): void {
+    (card as HTMLElement & { _item?: InventoryItem })._item = item;
+    const handle = card.querySelector<HTMLElement>(".drag-handle");
+    if (!handle) return;
+    handle.style.touchAction = "none";
+    handle.addEventListener("pointerdown", (down: PointerEvent) => {
+      down.preventDefault();
+      const list = card.parentElement!;
+      card.classList.add("dragging");
+      const move = (e: PointerEvent) => {
+        const after = [...list.querySelectorAll<HTMLElement>(".inv-card:not(.dragging)")].find((sib) => {
+          const box = sib.getBoundingClientRect();
+          return e.clientY < box.top + box.height / 2;
+        });
+        if (after) list.insertBefore(card, after);
+        else list.appendChild(card);
+      };
+      const up = () => {
+        card.classList.remove("dragging");
+        window.removeEventListener("pointermove", move);
+        window.removeEventListener("pointerup", up);
+        const newVisible = [...list.querySelectorAll<HTMLElement & { _item?: InventoryItem }>(".inv-card")]
+          .map((el) => el._item)
+          .filter((it): it is InventoryItem => !!it);
+        const hidden = this.data.inventory.filter((i) => i.quantity <= 0);
+        this.data.inventory = [...newVisible, ...hidden];
+        this.commit();
+      };
+      window.addEventListener("pointermove", move);
+      window.addEventListener("pointerup", up);
+    });
+  }
+
+  /** Shared add/edit form. `existing` null → add mode. */
+  private itemForm(existing: InventoryItem | null): HTMLFormElement {
+    const s = this.s;
+    const form = document.createElement("form");
+    form.className = existing ? "" : "card";
+    const locOptions = this.existingLocations()
+      .map((l) => `<option value="${escapeHtml(l)}"></option>`)
+      .join("");
+    const units: [string, string][] = [
+      ["g", "g"],
+      ["kg", "kg"],
+      ["ml", "ml"],
+      ["l", "l"],
+      ["pcs", "pcs"],
+    ];
+    // Show the item's stored unit; for grams/ml the stored unit is the base.
+    const curUnit = existing ? existing.unit : "g";
+    form.innerHTML = `
+      <label>${s.item_name}</label>
+      <input name="name" required autocomplete="off" value="${existing ? escapeHtml(existing.display_name) : ""}" />
+      <div class="form-grid">
+        <div>
+          <label>${s.item_quantity}</label>
+          <input name="quantity" type="number" inputmode="decimal" min="0" step="any" required value="${existing ? existing.quantity : ""}" />
+        </div>
+        <div>
+          <label>${s.item_unit}</label>
+          <select name="unit">${units.map(([v, l]) => `<option value="${v}"${v === curUnit ? " selected" : ""}>${l}</option>`).join("")}</select>
+        </div>
+      </div>
+      <label>${s.item_expiration}</label>
+      <input name="expiration" type="date" value="${existing?.expiration_date ?? ""}" />
+      <label>${s.item_location}</label>
+      <input name="location" list="loc-list" placeholder="${s.location_placeholder}" autocomplete="off" value="${existing ? escapeHtml(existing.storage_location ?? "") : ""}" />
+      <datalist id="loc-list">${locOptions}</datalist>
+      ${existing ? "" : `<button class="btn primary block" type="submit">${s.add_item}</button>`}`;
+    // In the edit modal there is no submit button; stop Enter from reloading.
+    if (existing) form.addEventListener("submit", (e) => e.preventDefault());
+    return form;
+  }
+
+  private openUse(item: InventoryItem): void {
+    const s = this.s;
+    const body = document.createElement("div");
+    body.innerHTML = `
+      <label>${s.use_amount} (${item.unit})</label>
+      <input name="amount" type="number" inputmode="decimal" min="0" step="any" placeholder="0" />
+      <button class="btn block" type="button" data-all>${s.use_all}</button>`;
+    const input = body.querySelector<HTMLInputElement>("input")!;
+    body.querySelector<HTMLButtonElement>("[data-all]")!.onclick = () => {
+      input.value = String(item.quantity);
+    };
+    this.showModal({
+      title: s.use_title(item.display_name),
+      body,
+      primaryLabel: s.cook_some,
+      onPrimary: () => {
+        const raw = input.value.trim();
+        if (!raw) return;
+        const { inventory, errors } = inv.cookItems(this.data.inventory, [
+          { name: item.name, quantity: raw, unit: item.unit },
+        ]);
+        if (errors.length > 0) this.toast(errors.join(", "));
+        this.data.inventory = inventory;
+        this.commit();
+      },
+    });
+  }
+
+  private openEdit(item: InventoryItem): void {
+    const s = this.s;
+    const form = this.itemForm(item);
+    this.showModal({
+      title: s.edit_item,
+      body: form,
+      primaryLabel: s.save,
+      onPrimary: () => {
+        const fd = new FormData(form);
+        const normalized = inv.normalizeItemInput({
+          name: String(fd.get("name") ?? ""),
+          quantity: String(fd.get("quantity") ?? ""),
+          unit: String(fd.get("unit") ?? "pcs"),
+          expiration_date: String(fd.get("expiration") ?? "") || null,
+          storage_location: String(fd.get("location") ?? "") || null,
+        });
+        if (!normalized) {
+          this.toast(this.s.item_quantity);
+          return;
+        }
+        // Replace this item in place (preserve position).
+        const idx = this.data.inventory.indexOf(item);
+        if (idx >= 0) {
+          this.data.inventory = this.data.inventory.map((e, i) => (i === idx ? normalized : e));
+          this.commit();
+        }
+      },
+    });
   }
 
   // ---------- Meal plan ----------
@@ -627,44 +937,67 @@ export class App {
       this.settings.hfToken = tokenInput.value.trim() || null;
       saveSettings(this.settings);
     };
+    // Save / Load side by side.
+    const syncRow = document.createElement("div");
+    syncRow.className = "sync-row";
     const saveCloud = document.createElement("button");
-    saveCloud.className = "btn primary block";
+    saveCloud.className = "btn primary";
     saveCloud.textContent = s.hf_save_to_cloud;
     saveCloud.onclick = async () => {
       const token = this.settings.hfToken;
       if (!token) return this.toast(s.hf_sync_err);
-      try {
-        const identity = await uploadData(token, this.data);
-        this.toast(s.hf_sync_ok(identity.repoId));
-        void this.gestures.happyDance();
-      } catch (err) {
-        console.error("[cookaiware] HF upload failed", err);
-        const msg = err instanceof Error ? err.message : String(err);
-        this.toast(`${s.hf_sync_err} — ${msg.slice(0, 140)}`);
-      }
+      const sum = summarizeData(this.data);
+      const summary = s.data_summary(sum.inventory, sum.hasPlan, sum.shopping);
+      if (!(await this.confirm(s.hf_save_confirm(summary)))) return;
+      await this.pushToCloud(false);
+      void this.gestures.happyDance();
     };
     const loadCloud = document.createElement("button");
-    loadCloud.className = "btn block";
+    loadCloud.className = "btn";
     loadCloud.textContent = s.hf_load_from_cloud;
     loadCloud.onclick = async () => {
       const token = this.settings.hfToken;
       if (!token) return this.toast(s.hf_sync_err);
       try {
         const remote = await downloadData(token);
-        if (remote) {
-          this.data = remote;
-          this.commit();
-          this.toast(s.import_ok);
-        } else {
-          this.toast(s.hf_sync_err);
-        }
+        if (!remote) return this.toast(s.hf_sync_err);
+        const sum = summarizeData(remote);
+        const summary = s.data_summary(sum.inventory, sum.hasPlan, sum.shopping);
+        if (!(await this.confirm(s.hf_load_confirm(summary)))) return;
+        this.data = remote;
+        this.commit();
+        this.toast(s.import_ok);
       } catch (err) {
         console.error("[cookaiware] HF download failed", err);
         const msg = err instanceof Error ? err.message : String(err);
         this.toast(`${s.hf_sync_err} — ${msg.slice(0, 140)}`);
       }
     };
-    hfCard.append(tokenLabel, tokenInput, saveCloud, loadCloud);
+    syncRow.append(saveCloud, loadCloud);
+
+    // Auto-sync toggle.
+    const autoRow = document.createElement("label");
+    autoRow.className = "switch-row";
+    autoRow.innerHTML = `<span><strong>${s.hf_autosync}</strong><br><span class="hint">${s.hf_autosync_hint}</span></span>`;
+    const autoInput = document.createElement("input");
+    autoInput.type = "checkbox";
+    autoInput.className = "switch";
+    autoInput.checked = this.settings.hfDatasetSync;
+    autoInput.onchange = () => {
+      this.settings.hfDatasetSync = autoInput.checked;
+      saveSettings(this.settings);
+      if (autoInput.checked) void this.pushToCloud(false);
+    };
+    autoRow.appendChild(autoInput);
+
+    const lastSynced = document.createElement("p");
+    lastSynced.className = "hint sync-status";
+    lastSynced.id = "hf-last-synced";
+    lastSynced.textContent = this.settings.lastSyncedAt
+      ? s.hf_last_synced(relativeTime(this.settings.lastSyncedAt, this.settings.language))
+      : s.hf_never_synced;
+
+    hfCard.append(tokenLabel, tokenInput, syncRow, autoRow, lastSynced);
     main.appendChild(hfCard);
 
     // Voice
@@ -697,3 +1030,24 @@ function escapeHtml(value: string): string {
     .replaceAll(">", "&gt;")
     .replaceAll('"', "&quot;");
 }
+
+/** "just now" / "5 min ago" / a local date for older timestamps. */
+function relativeTime(iso: string, lang: Lang): string {
+  const then = new Date(iso).getTime();
+  if (Number.isNaN(then)) return iso;
+  const secs = Math.round((Date.now() - then) / 1000);
+  const es = lang === "es";
+  if (secs < 60) return es ? "hace un momento" : "just now";
+  const mins = Math.round(secs / 60);
+  if (mins < 60) return es ? `hace ${mins} min` : `${mins} min ago`;
+  const hrs = Math.round(mins / 60);
+  if (hrs < 24) return es ? `hace ${hrs} h` : `${hrs} h ago`;
+  return new Date(iso).toLocaleDateString(es ? "es-ES" : "en-US");
+}
+
+/** A locale-formatted expiration date. */
+function formatDate(iso: string, lang: Lang): string {
+  const d = new Date(iso + "T00:00:00");
+  if (Number.isNaN(d.getTime())) return iso;
+  return d.toLocaleDateString(lang === "es" ? "es-ES" : "en-US", { day: "numeric", month: "short" });
+}

web/src/ui/styles.css

@@ -539,3 +539,362 @@ label {
   max-height: 180px;
   border-radius: 12px;
 }
+
+/* ── Inventory: sort bar, cards, actions, drag, chips ────────────────────── */
+
+.sort-bar {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  margin: 0.2rem 0 0.8rem;
+}
+
+.sort-bar .sort-label {
+  font-size: 0.8rem;
+  font-weight: 700;
+  color: var(--muted);
+}
+
+.segmented {
+  display: inline-flex;
+  background: var(--cream-strong);
+  border-radius: 12px;
+  padding: 3px;
+  gap: 2px;
+}
+
+.segmented button {
+  border: none;
+  background: none;
+  font-family: inherit;
+  font-size: 0.82rem;
+  font-weight: 700;
+  color: var(--teal-dark);
+  padding: 0.35rem 0.7rem;
+  border-radius: 9px;
+  cursor: pointer;
+  min-height: 36px;
+  touch-action: manipulation;
+}
+
+.segmented button.active {
+  background: var(--white);
+  color: var(--teal);
+  box-shadow: var(--shadow-sm);
+}
+
+.drag-hint {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  margin: 0 0 0.5rem;
+}
+
+.drag-hint svg {
+  width: 16px;
+  height: 16px;
+}
+
+.filter-banner {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  width: 100%;
+  border: none;
+  background: var(--cream-strong);
+  color: var(--teal-dark);
+  font-family: inherit;
+  font-weight: 700;
+  font-size: 0.85rem;
+  border-radius: 12px;
+  padding: 0.5rem 0.8rem;
+  margin-bottom: 0.6rem;
+  cursor: pointer;
+}
+
+.filter-banner svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+}
+
+.inv-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+.inv-card {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0;
+  touch-action: pan-y;
+}
+
+.inv-card.dragging {
+  opacity: 0.85;
+  box-shadow: var(--shadow-lg);
+  transform: scale(1.02);
+}
+
+.drag-handle {
+  display: flex;
+  align-items: center;
+  color: var(--muted);
+  cursor: grab;
+  padding: 0.2rem;
+  margin: -0.2rem 0 -0.2rem -0.3rem;
+}
+
+.drag-handle svg {
+  width: 18px;
+  height: 18px;
+}
+
+.item-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem 0.7rem;
+  margin-top: 0.25rem;
+  font-size: 0.82rem;
+  color: var(--muted);
+}
+
+.item-meta .qty {
+  font-weight: 700;
+  color: var(--ink);
+}
+
+.item-meta .exp {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.2rem;
+}
+
+.item-meta .exp.over {
+  color: var(--danger);
+  font-weight: 700;
+}
+
+.item-meta .exp svg {
+  width: 14px;
+  height: 14px;
+}
+
+.item-meta .loc-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.15rem;
+  border: none;
+  background: var(--cream-strong);
+  color: var(--teal-dark);
+  font-family: inherit;
+  font-size: 0.78rem;
+  font-weight: 700;
+  border-radius: 999px;
+  padding: 0.12rem 0.5rem 0.12rem 0.35rem;
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
+.item-meta .loc-chip svg {
+  width: 13px;
+  height: 13px;
+}
+
+.inv-actions {
+  display: flex;
+  gap: 0.15rem;
+  flex: none;
+}
+
+.icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: none;
+  background: none;
+  color: var(--teal-dark);
+  border-radius: 10px;
+  cursor: pointer;
+  touch-action: manipulation;
+  transition: background 0.15s ease, transform 0.15s ease;
+}
+
+.icon-btn:active {
+  transform: scale(0.9);
+}
+
+.icon-btn:hover {
+  background: var(--cream);
+}
+
+.icon-btn svg {
+  width: 20px;
+  height: 20px;
+}
+
+.icon-btn.danger {
+  color: var(--danger);
+}
+
+/* ── Modal ───────────────────────────────────────────────────────────────── */
+
+.modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 30;
+  background: rgba(24, 38, 38, 0.45);
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding: 1rem;
+  padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
+  animation: fade-in 0.2s ease;
+}
+
+@media (min-width: 540px) {
+  .modal-backdrop {
+    align-items: center;
+  }
+}
+
+@keyframes fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+.modal-card {
+  background: var(--white);
+  border-radius: 22px;
+  width: 100%;
+  max-width: 440px;
+  box-shadow: var(--shadow-lg);
+  padding: 1.1rem 1.1rem 1rem;
+  animation: modal-up 0.28s cubic-bezier(0.175, 0.885, 0.32, 1.1);
+}
+
+@keyframes modal-up {
+  from { transform: translateY(20px); opacity: 0.6; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+.modal-title {
+  font-family: "Fraunces", serif;
+  font-size: 1.2rem;
+  font-weight: 700;
+  margin-bottom: 0.6rem;
+}
+
+.modal-body.confirm-msg {
+  color: var(--muted);
+  line-height: 1.5;
+  padding: 0.2rem 0 0.4rem;
+}
+
+.modal-actions {
+  display: flex;
+  gap: 0.6rem;
+  margin-top: 1rem;
+}
+
+.modal-actions .btn {
+  flex: 1;
+}
+
+/* ── HF sync ─────────────────────────────────────────────────────────────── */
+
+.sync-row {
+  display: flex;
+  gap: 0.6rem;
+  margin-top: 0.6rem;
+}
+
+.sync-row .btn {
+  flex: 1;
+}
+
+.switch-row {
+  display: flex;
+  align-items: center;
+  gap: 0.7rem;
+  margin-top: 0.9rem;
+}
+
+.switch-row > span:first-child {
+  flex: 1;
+}
+
+.switch {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 46px;
+  height: 28px;
+  border-radius: 999px;
+  background: var(--cream-strong);
+  position: relative;
+  flex: none;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+
+.switch::after {
+  content: "";
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: var(--white);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  transition: transform 0.2s ease;
+}
+
+.switch:checked {
+  background: var(--teal);
+}
+
+.switch:checked::after {
+  transform: translateX(18px);
+}
+
+.sync-status {
+  margin-top: 0.7rem;
+  text-align: center;
+}
+
+/* ── Conversation minimize ───────────────────────────────────────────────── */
+
+.vt-head-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+}
+
+.vt-min {
+  width: 32px;
+  height: 32px;
+  color: var(--teal-dark);
+}
+
+.vt-min svg {
+  width: 20px;
+  height: 20px;
+}
+
+.voice-transcript.minimized {
+  max-height: none;
+}
+
+.voice-transcript.minimized .vt-body {
+  display: none;
+}
+
+.voice-transcript.minimized .vt-head {
+  cursor: pointer;
+}