@semiont/cli 0.5.6 → 0.5.8

package/dist/frontend/dist/assets/{CookiePreferences-D8IJVuy6.js → CookiePreferences-C6e8MFlf.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t,t as n}from"./i18n-X0oNIUcF.js";import{t as r}from"./vendor-Bd-5Ya9C.js";import{c as i,i as a,r as o,s,u as c}from"./KeyboardShortcutsContext-CK1G6PDA.js";import{n as l,t as u}from"./XMarkIcon-D1vU4NLc.js";var d=e(t());function f({title:e,titleId:t,...n},r){return d.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?d.createElement(`title`,{id:t},e):null,d.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3`}))}var p=d.forwardRef(f);function m({title:e,titleId:t,...n},r){return d.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?d.createElement(`title`,{id:t},e):null,d.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077 1.41-.513m14.095-5.13 1.41-.513M5.106 17.785l1.15-.964m11.49-9.642 1.149-.964M7.501 19.795l.75-1.3m7.5-12.99.75-1.3m-6.063 16.658.26-1.477m2.605-14.772.26-1.477m0 17.726-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205 12 12m6.894 5.785-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495`}))}var h=d.forwardRef(m);function g({title:e,titleId:t,...n},r){return d.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?d.createElement(`title`,{id:t},e):null,d.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z`}))}var _=d.forwardRef(g),v=r();function y({isOpen:e,onClose:t}){let{t:r}=n(),f=(e,t)=>r(`CookiePreferences.${e}`,t),[m,g]=(0,d.useState)(null),[y,b]=(0,d.useState)(!1),[x,S]=(0,d.useState)(!1),C=(0,d.useRef)(t);(0,d.useEffect)(()=>{C.current=t}),(0,d.useEffect)(()=>{e&&g(s()||{necessary:!0,analytics:!1,marketing:!1,preferences:!1,timestamp:new Date().toISOString(),version:`1.0`})},[e]),(0,d.useEffect)(()=>{if(!e)return;let t=e=>{e.key===`Escape`&&C.current()};return document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e]);let w=async()=>{m&&(b(!0),i(m),b(!1),t())},T=e=>{e===`necessary`||!m||g(t=>t?{...t,[e]:!t[e]}:null)};return!e||!m?null:(0,v.jsxs)(`div`,{className:`fixed inset-0 z-50 overflow-y-auto`,children:[(0,v.jsxs)(`div`,{className:`flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0`,children:[(0,v.jsx)(`div`,{className:`fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75`,onClick:t}),(0,v.jsxs)(`div`,{className:`inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full sm:p-6 relative`,children:[(0,v.jsx)(`button`,{onClick:t,className:`absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-lg p-1`,"aria-label":`Close`,children:(0,v.jsx)(u,{className:`h-6 w-6`})}),(0,v.jsxs)(`div`,{className:`sm:flex sm:items-start`,children:[(0,v.jsx)(`div`,{className:`mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10`,children:(0,v.jsx)(h,{className:`h-6 w-6 text-blue-600`})}),(0,v.jsxs)(`div`,{className:`mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left flex-1 pr-8`,children:[(0,v.jsx)(`h3`,{className:`text-lg leading-6 font-medium text-gray-900`,children:f(`title`)}),(0,v.jsx)(`div`,{className:`mt-2`,children:(0,v.jsx)(`p`,{className:`text-sm text-gray-500`,children:f(`description`)})})]})]}),(0,v.jsx)(`div`,{className:`mt-6`,children:(0,v.jsxs)(`div`,{className:`space-y-6`,children:[(0,v.jsxs)(`div`,{className:`bg-gray-50 rounded-lg p-4`,children:[(0,v.jsxs)(`div`,{className:`flex items-center`,children:[(0,v.jsx)(_,{className:`h-5 w-5 text-green-500 mr-2`}),(0,v.jsx)(`span`,{className:`text-sm font-medium text-gray-900`,children:f(`currentSettings`)})]}),(0,v.jsxs)(`div`,{className:`mt-2 text-xs text-gray-600`,children:[(0,v.jsx)(`p`,{children:f(`lastUpdated`,{date:new Date(m.timestamp).toLocaleDateString()})}),(0,v.jsx)(`p`,{children:f(`version`,{version:m.version})})]})]}),(0,v.jsxs)(`div`,{className:`space-y-4`,children:[(0,v.jsx)(`h4`,{className:`text-base font-medium text-gray-900`,children:f(`cookieCategories`)}),c.map(e=>(0,v.jsx)(`div`,{className:`border border-gray-200 rounded-lg p-4`,children:(0,v.jsx)(`div`,{className:`flex items-start justify-between`,children:(0,v.jsxs)(`div`,{className:`flex-1`,children:[(0,v.jsxs)(`div`,{className:`flex items-center`,children:[(0,v.jsx)(`input`,{id:`pref-${e.id}`,type:`checkbox`,checked:m[e.id]||!1,onChange:()=>T(e.id),disabled:e.required||y,className:`h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-sm disabled:opacity-50`}),(0,v.jsxs)(`label`,{htmlFor:`pref-${e.id}`,className:`ml-3 text-sm font-medium text-gray-900 cursor-pointer`,children:[e.name,e.required&&(0,v.jsx)(`span`,{className:`text-xs text-gray-500 ml-1`,children:f(`required`)})]})]}),(0,v.jsx)(`p`,{className:`mt-1 text-sm text-gray-600`,children:e.description}),(0,v.jsxs)(`details`,{className:`mt-2`,children:[(0,v.jsx)(`summary`,{className:`text-xs text-blue-600 cursor-pointer hover:text-blue-800`,children:f(`viewCookies`,{count:e.cookies.length})}),(0,v.jsx)(`div`,{className:`mt-1 text-xs text-gray-500 bg-gray-50 rounded-sm p-2`,children:(0,v.jsx)(`ul`,{className:`list-disc list-inside space-y-1`,children:e.cookies.map(e=>(0,v.jsx)(`li`,{children:e},e))})})]})]})})},e.id))]}),(0,v.jsxs)(`div`,{className:`border-t border-gray-200 pt-6`,children:[(0,v.jsx)(`h4`,{className:`text-base font-medium text-gray-900 mb-4`,children:f(`dataManagement`)}),(0,v.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-4`,children:[(0,v.jsxs)(`button`,{onClick:()=>{let e=a(),t=new Blob([JSON.stringify(e,null,2)],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`semiont-user-data-${new Date().toISOString().split(`T`)[0]}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},className:`flex items-center justify-center px-4 py-2 border border-gray-300 rounded-md shadow-xs text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500`,children:[(0,v.jsx)(p,{className:`h-4 w-4 mr-2`}),f(`exportMyData`)]}),(0,v.jsxs)(`button`,{onClick:()=>S(!0),className:`flex items-center justify-center px-4 py-2 border border-red-300 rounded-md shadow-xs text-sm font-medium text-red-700 bg-white hover:bg-red-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,children:[(0,v.jsx)(l,{className:`h-4 w-4 mr-2`}),f(`deleteAllData`)]})]}),(0,v.jsx)(`p`,{className:`mt-2 text-xs text-gray-500`,children:f(`dataManagementDescription`)})]})]})}),(0,v.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2 justify-center`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:()=>{g(e=>e?{...e,necessary:!0,analytics:!1,marketing:!1,preferences:!1}:null)},disabled:y,className:`px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors`,children:f(`rejectAll`)}),(0,v.jsx)(`button`,{type:`button`,onClick:()=>{g(e=>e?{...e,necessary:!0,analytics:!0,marketing:!0,preferences:!0}:null)},disabled:y,className:`px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors`,children:f(`acceptAll`)})]}),(0,v.jsxs)(`div`,{className:`mt-6 sm:flex sm:flex-row-reverse`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:w,disabled:y,className:`w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50`,children:f(y?`saving`:`saveChanges`)}),(0,v.jsx)(`button`,{type:`button`,onClick:t,className:`mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm`,children:f(`cancel`)})]})]})]}),x&&(0,v.jsx)(`div`,{className:`fixed inset-0 z-60 overflow-y-auto`,children:(0,v.jsxs)(`div`,{className:`flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0`,children:[(0,v.jsx)(`div`,{className:`fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75`}),(0,v.jsxs)(`div`,{className:`inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6`,children:[(0,v.jsxs)(`div`,{className:`sm:flex sm:items-start`,children:[(0,v.jsx)(`div`,{className:`mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10`,children:(0,v.jsx)(l,{className:`h-6 w-6 text-red-600`})}),(0,v.jsxs)(`div`,{className:`mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left`,children:[(0,v.jsx)(`h3`,{className:`text-lg leading-6 font-medium text-gray-900`,children:f(`deleteConfirmTitle`)}),(0,v.jsx)(`div`,{className:`mt-2`,children:(0,v.jsx)(`p`,{className:`text-sm text-gray-500`,children:f(`deleteConfirmDescription`)})})]})]}),(0,v.jsxs)(`div`,{className:`mt-5 sm:mt-4 sm:flex sm:flex-row-reverse`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:()=>{o()},className:`w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm`,children:f(`deleteAllData`)}),(0,v.jsx)(`button`,{type:`button`,onClick:()=>S(!1),className:`mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm`,children:f(`cancel`)})]})]})]})})]})}export{_ as n,y as t};
-//# sourceMappingURL=CookiePreferences-D8IJVuy6.js.map
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t,t as n}from"./i18n-X0oNIUcF.js";import{t as r}from"./vendor-Bd-5Ya9C.js";import{c as i,i as a,r as o,s,u as c}from"./KeyboardShortcutsContext-DA7BzKws.js";import{n as l,t as u}from"./XMarkIcon-D1vU4NLc.js";var d=e(t());function f({title:e,titleId:t,...n},r){return d.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?d.createElement(`title`,{id:t},e):null,d.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3`}))}var p=d.forwardRef(f);function m({title:e,titleId:t,...n},r){return d.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?d.createElement(`title`,{id:t},e):null,d.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077 1.41-.513m14.095-5.13 1.41-.513M5.106 17.785l1.15-.964m11.49-9.642 1.149-.964M7.501 19.795l.75-1.3m7.5-12.99.75-1.3m-6.063 16.658.26-1.477m2.605-14.772.26-1.477m0 17.726-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205 12 12m6.894 5.785-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495`}))}var h=d.forwardRef(m);function g({title:e,titleId:t,...n},r){return d.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?d.createElement(`title`,{id:t},e):null,d.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z`}))}var _=d.forwardRef(g),v=r();function y({isOpen:e,onClose:t}){let{t:r}=n(),f=(e,t)=>r(`CookiePreferences.${e}`,t),[m,g]=(0,d.useState)(null),[y,b]=(0,d.useState)(!1),[x,S]=(0,d.useState)(!1),C=(0,d.useRef)(t);(0,d.useEffect)(()=>{C.current=t}),(0,d.useEffect)(()=>{e&&g(s()||{necessary:!0,analytics:!1,marketing:!1,preferences:!1,timestamp:new Date().toISOString(),version:`1.0`})},[e]),(0,d.useEffect)(()=>{if(!e)return;let t=e=>{e.key===`Escape`&&C.current()};return document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e]);let w=async()=>{m&&(b(!0),i(m),b(!1),t())},T=e=>{e===`necessary`||!m||g(t=>t?{...t,[e]:!t[e]}:null)};return!e||!m?null:(0,v.jsxs)(`div`,{className:`fixed inset-0 z-50 overflow-y-auto`,children:[(0,v.jsxs)(`div`,{className:`flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0`,children:[(0,v.jsx)(`div`,{className:`fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75`,onClick:t}),(0,v.jsxs)(`div`,{className:`inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full sm:p-6 relative`,children:[(0,v.jsx)(`button`,{onClick:t,className:`absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-lg p-1`,"aria-label":`Close`,children:(0,v.jsx)(u,{className:`h-6 w-6`})}),(0,v.jsxs)(`div`,{className:`sm:flex sm:items-start`,children:[(0,v.jsx)(`div`,{className:`mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10`,children:(0,v.jsx)(h,{className:`h-6 w-6 text-blue-600`})}),(0,v.jsxs)(`div`,{className:`mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left flex-1 pr-8`,children:[(0,v.jsx)(`h3`,{className:`text-lg leading-6 font-medium text-gray-900`,children:f(`title`)}),(0,v.jsx)(`div`,{className:`mt-2`,children:(0,v.jsx)(`p`,{className:`text-sm text-gray-500`,children:f(`description`)})})]})]}),(0,v.jsx)(`div`,{className:`mt-6`,children:(0,v.jsxs)(`div`,{className:`space-y-6`,children:[(0,v.jsxs)(`div`,{className:`bg-gray-50 rounded-lg p-4`,children:[(0,v.jsxs)(`div`,{className:`flex items-center`,children:[(0,v.jsx)(_,{className:`h-5 w-5 text-green-500 mr-2`}),(0,v.jsx)(`span`,{className:`text-sm font-medium text-gray-900`,children:f(`currentSettings`)})]}),(0,v.jsxs)(`div`,{className:`mt-2 text-xs text-gray-600`,children:[(0,v.jsx)(`p`,{children:f(`lastUpdated`,{date:new Date(m.timestamp).toLocaleDateString()})}),(0,v.jsx)(`p`,{children:f(`version`,{version:m.version})})]})]}),(0,v.jsxs)(`div`,{className:`space-y-4`,children:[(0,v.jsx)(`h4`,{className:`text-base font-medium text-gray-900`,children:f(`cookieCategories`)}),c.map(e=>(0,v.jsx)(`div`,{className:`border border-gray-200 rounded-lg p-4`,children:(0,v.jsx)(`div`,{className:`flex items-start justify-between`,children:(0,v.jsxs)(`div`,{className:`flex-1`,children:[(0,v.jsxs)(`div`,{className:`flex items-center`,children:[(0,v.jsx)(`input`,{id:`pref-${e.id}`,type:`checkbox`,checked:m[e.id]||!1,onChange:()=>T(e.id),disabled:e.required||y,className:`h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-sm disabled:opacity-50`}),(0,v.jsxs)(`label`,{htmlFor:`pref-${e.id}`,className:`ml-3 text-sm font-medium text-gray-900 cursor-pointer`,children:[e.name,e.required&&(0,v.jsx)(`span`,{className:`text-xs text-gray-500 ml-1`,children:f(`required`)})]})]}),(0,v.jsx)(`p`,{className:`mt-1 text-sm text-gray-600`,children:e.description}),(0,v.jsxs)(`details`,{className:`mt-2`,children:[(0,v.jsx)(`summary`,{className:`text-xs text-blue-600 cursor-pointer hover:text-blue-800`,children:f(`viewCookies`,{count:e.cookies.length})}),(0,v.jsx)(`div`,{className:`mt-1 text-xs text-gray-500 bg-gray-50 rounded-sm p-2`,children:(0,v.jsx)(`ul`,{className:`list-disc list-inside space-y-1`,children:e.cookies.map(e=>(0,v.jsx)(`li`,{children:e},e))})})]})]})})},e.id))]}),(0,v.jsxs)(`div`,{className:`border-t border-gray-200 pt-6`,children:[(0,v.jsx)(`h4`,{className:`text-base font-medium text-gray-900 mb-4`,children:f(`dataManagement`)}),(0,v.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-4`,children:[(0,v.jsxs)(`button`,{onClick:()=>{let e=a(),t=new Blob([JSON.stringify(e,null,2)],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`semiont-user-data-${new Date().toISOString().split(`T`)[0]}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},className:`flex items-center justify-center px-4 py-2 border border-gray-300 rounded-md shadow-xs text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500`,children:[(0,v.jsx)(p,{className:`h-4 w-4 mr-2`}),f(`exportMyData`)]}),(0,v.jsxs)(`button`,{onClick:()=>S(!0),className:`flex items-center justify-center px-4 py-2 border border-red-300 rounded-md shadow-xs text-sm font-medium text-red-700 bg-white hover:bg-red-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,children:[(0,v.jsx)(l,{className:`h-4 w-4 mr-2`}),f(`deleteAllData`)]})]}),(0,v.jsx)(`p`,{className:`mt-2 text-xs text-gray-500`,children:f(`dataManagementDescription`)})]})]})}),(0,v.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2 justify-center`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:()=>{g(e=>e?{...e,necessary:!0,analytics:!1,marketing:!1,preferences:!1}:null)},disabled:y,className:`px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors`,children:f(`rejectAll`)}),(0,v.jsx)(`button`,{type:`button`,onClick:()=>{g(e=>e?{...e,necessary:!0,analytics:!0,marketing:!0,preferences:!0}:null)},disabled:y,className:`px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors`,children:f(`acceptAll`)})]}),(0,v.jsxs)(`div`,{className:`mt-6 sm:flex sm:flex-row-reverse`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:w,disabled:y,className:`w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50`,children:f(y?`saving`:`saveChanges`)}),(0,v.jsx)(`button`,{type:`button`,onClick:t,className:`mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm`,children:f(`cancel`)})]})]})]}),x&&(0,v.jsx)(`div`,{className:`fixed inset-0 z-60 overflow-y-auto`,children:(0,v.jsxs)(`div`,{className:`flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0`,children:[(0,v.jsx)(`div`,{className:`fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75`}),(0,v.jsxs)(`div`,{className:`inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6`,children:[(0,v.jsxs)(`div`,{className:`sm:flex sm:items-start`,children:[(0,v.jsx)(`div`,{className:`mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10`,children:(0,v.jsx)(l,{className:`h-6 w-6 text-red-600`})}),(0,v.jsxs)(`div`,{className:`mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left`,children:[(0,v.jsx)(`h3`,{className:`text-lg leading-6 font-medium text-gray-900`,children:f(`deleteConfirmTitle`)}),(0,v.jsx)(`div`,{className:`mt-2`,children:(0,v.jsx)(`p`,{className:`text-sm text-gray-500`,children:f(`deleteConfirmDescription`)})})]})]}),(0,v.jsxs)(`div`,{className:`mt-5 sm:mt-4 sm:flex sm:flex-row-reverse`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:()=>{o()},className:`w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm`,children:f(`deleteAllData`)}),(0,v.jsx)(`button`,{type:`button`,onClick:()=>S(!1),className:`mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm`,children:f(`cancel`)})]})]})]})})]})}export{_ as n,y as t};
+//# sourceMappingURL=CookiePreferences-C6e8MFlf.js.map

package/dist/frontend/dist/assets/{CookiePreferences-D8IJVuy6.js.map → CookiePreferences-C6e8MFlf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CookiePreferences-D8IJVuy6.js","names":["ForwardRef","ForwardRef"],"sources":["../../../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.js","../../../../node_modules/@heroicons/react/24/outline/esm/CogIcon.js","../../../../node_modules/@heroicons/react/24/outline/esm/ShieldCheckIcon.js","../../src/components/CookiePreferences.tsx"],"sourcesContent":["import * as React from \"react\";\nfunction ArrowDownTrayIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ArrowDownTrayIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction CogIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077 1.41-.513m14.095-5.13 1.41-.513M5.106 17.785l1.15-.964m11.49-9.642 1.149-.964M7.501 19.795l.75-1.3m7.5-12.99.75-1.3m-6.063 16.658.26-1.477m2.605-14.772.26-1.477m0 17.726-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205 12 12m6.894 5.785-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(CogIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ShieldCheckIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ShieldCheckIcon);\nexport default ForwardRef;","\"use client\";\n\nimport { useState, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  getCookieConsent,\n  setCookieConsent,\n  COOKIE_CATEGORIES,\n  CookieConsent,\n  exportUserData,\n  deleteAllUserData,\n  type CookieCategory\n} from '@/lib/cookies';\nimport {\n  CogIcon,\n  TrashIcon,\n  ArrowDownTrayIcon,\n  ShieldCheckIcon,\n  XMarkIcon\n} from '@heroicons/react/24/outline';\n\ninterface CookiePreferencesProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function CookiePreferences({ isOpen, onClose }: CookiePreferencesProps) {\n  const { t: _t } = useTranslation();\n  const t = (k: string, p?: Record<string, unknown>) => _t(`CookiePreferences.${k}`, p as any) as string;\n  const [consent, setConsent] = useState<CookieConsent | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  // Store callback in ref to avoid including in dependency arrays\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  });\n\n  useEffect(() => {\n    if (isOpen) {\n      const currentConsent = getCookieConsent();\n      setConsent(currentConsent || {\n        necessary: true,\n        analytics: false,\n        marketing: false,\n        preferences: false,\n        timestamp: new Date().toISOString(),\n        version: '1.0'\n      });\n    }\n  }, [isOpen]);\n\n  // Handle ESC key to close modal\n  useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n\n    const handleEsc = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onCloseRef.current();\n      }\n    };\n\n    document.addEventListener('keydown', handleEsc);\n    return () => {\n      document.removeEventListener('keydown', handleEsc);\n    };\n  }, [isOpen]);\n\n  const handleSave = async () => {\n    if (!consent) return;\n    \n    setIsLoading(true);\n    setCookieConsent(consent);\n    setIsLoading(false);\n    onClose();\n  };\n\n  const handleCategoryToggle = (categoryId: keyof Omit<CookieConsent, 'timestamp' | 'version'>) => {\n    if (categoryId === 'necessary' || !consent) return;\n    \n    setConsent(prev => prev ? {\n      ...prev,\n      [categoryId]: !prev[categoryId]\n    } : null);\n  };\n\n  const handleExportData = () => {\n    const data = exportUserData();\n    const blob = new Blob([JSON.stringify(data, null, 2)], { \n      type: 'application/json' \n    });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `semiont-user-data-${new Date().toISOString().split('T')[0]}.json`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  };\n\n  const handleDeleteAllData = () => {\n    deleteAllUserData();\n  };\n\n  if (!isOpen || !consent) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 overflow-y-auto\">\n      <div className=\"flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n        {/* Background overlay */}\n        <div \n          className=\"fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75\"\n          onClick={onClose}\n        />\n\n        {/* Modal panel */}\n        <div className=\"inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full sm:p-6 relative\">\n          {/* Close button in upper right */}\n          <button\n            onClick={onClose}\n            className=\"absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-lg p-1\"\n            aria-label=\"Close\"\n          >\n            <XMarkIcon className=\"h-6 w-6\" />\n          </button>\n\n          <div className=\"sm:flex sm:items-start\">\n            <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10\">\n              <CogIcon className=\"h-6 w-6 text-blue-600\" />\n            </div>\n            <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left flex-1 pr-8\">\n              <h3 className=\"text-lg leading-6 font-medium text-gray-900\">\n                {t('title')}\n              </h3>\n              <div className=\"mt-2\">\n                <p className=\"text-sm text-gray-500\">\n                  {t('description')}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"mt-6\">\n            <div className=\"space-y-6\">\n              {/* Current consent info */}\n              <div className=\"bg-gray-50 rounded-lg p-4\">\n                <div className=\"flex items-center\">\n                  <ShieldCheckIcon className=\"h-5 w-5 text-green-500 mr-2\" />\n                  <span className=\"text-sm font-medium text-gray-900\">\n                    {t('currentSettings')}\n                  </span>\n                </div>\n                <div className=\"mt-2 text-xs text-gray-600\">\n                  <p>{t('lastUpdated', { date: new Date(consent.timestamp).toLocaleDateString() })}</p>\n                  <p>{t('version', { version: consent.version })}</p>\n                </div>\n              </div>\n\n              {/* Cookie categories */}\n              <div className=\"space-y-4\">\n                <h4 className=\"text-base font-medium text-gray-900\">\n                  {t('cookieCategories')}\n                </h4>\n                \n                {COOKIE_CATEGORIES.map((category: CookieCategory) => (\n                  <div key={category.id} className=\"border border-gray-200 rounded-lg p-4\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex-1\">\n                        <div className=\"flex items-center\">\n                          <input\n                            id={`pref-${category.id}`}\n                            type=\"checkbox\"\n                            checked={consent[category.id] || false}\n                            onChange={() => handleCategoryToggle(category.id)}\n                            disabled={category.required || isLoading}\n                            className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-sm disabled:opacity-50\"\n                          />\n                          <label\n                            htmlFor={`pref-${category.id}`}\n                            className=\"ml-3 text-sm font-medium text-gray-900 cursor-pointer\"\n                          >\n                            {category.name}\n                            {category.required && (\n                              <span className=\"text-xs text-gray-500 ml-1\">{t('required')}</span>\n                            )}\n                          </label>\n                        </div>\n                        <p className=\"mt-1 text-sm text-gray-600\">\n                          {category.description}\n                        </p>\n                        <details className=\"mt-2\">\n                          <summary className=\"text-xs text-blue-600 cursor-pointer hover:text-blue-800\">\n                            {t('viewCookies', { count: category.cookies.length })}\n                          </summary>\n                          <div className=\"mt-1 text-xs text-gray-500 bg-gray-50 rounded-sm p-2\">\n                            <ul className=\"list-disc list-inside space-y-1\">\n                              {category.cookies.map(cookie => (\n                                <li key={cookie}>{cookie}</li>\n                              ))}\n                            </ul>\n                          </div>\n                        </details>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n\n              {/* Data management section */}\n              <div className=\"border-t border-gray-200 pt-6\">\n                <h4 className=\"text-base font-medium text-gray-900 mb-4\">\n                  {t('dataManagement')}\n                </h4>\n\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <button\n                    onClick={handleExportData}\n                    className=\"flex items-center justify-center px-4 py-2 border border-gray-300 rounded-md shadow-xs text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n                  >\n                    <ArrowDownTrayIcon className=\"h-4 w-4 mr-2\" />\n                    {t('exportMyData')}\n                  </button>\n\n                  <button\n                    onClick={() => setShowDeleteConfirm(true)}\n                    className=\"flex items-center justify-center px-4 py-2 border border-red-300 rounded-md shadow-xs text-sm font-medium text-red-700 bg-white hover:bg-red-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500\"\n                  >\n                    <TrashIcon className=\"h-4 w-4 mr-2\" />\n                    {t('deleteAllData')}\n                  </button>\n                </div>\n\n                <p className=\"mt-2 text-xs text-gray-500\">\n                  {t('dataManagementDescription')}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Quick Actions */}\n          <div className=\"mt-6 flex flex-wrap gap-2 justify-center\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                setConsent(prev => prev ? {\n                  ...prev,\n                  necessary: true,\n                  analytics: false,\n                  marketing: false,\n                  preferences: false\n                } : null);\n              }}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors\"\n            >\n              {t('rejectAll')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => {\n                setConsent(prev => prev ? {\n                  ...prev,\n                  necessary: true,\n                  analytics: true,\n                  marketing: true,\n                  preferences: true\n                } : null);\n              }}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors\"\n            >\n              {t('acceptAll')}\n            </button>\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"mt-6 sm:flex sm:flex-row-reverse\">\n            <button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={isLoading}\n              className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50\"\n            >\n              {isLoading ? t('saving') : t('saveChanges')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm\"\n            >\n              {t('cancel')}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Delete confirmation modal */}\n      {showDeleteConfirm && (\n        <div className=\"fixed inset-0 z-60 overflow-y-auto\">\n          <div className=\"flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n            <div className=\"fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75\" />\n            <div className=\"inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6\">\n              <div className=\"sm:flex sm:items-start\">\n                <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10\">\n                  <TrashIcon className=\"h-6 w-6 text-red-600\" />\n                </div>\n                <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n                  <h3 className=\"text-lg leading-6 font-medium text-gray-900\">\n                    {t('deleteConfirmTitle')}\n                  </h3>\n                  <div className=\"mt-2\">\n                    <p className=\"text-sm text-gray-500\">\n                      {t('deleteConfirmDescription')}\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <div className=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n                <button\n                  type=\"button\"\n                  onClick={handleDeleteAllData}\n                  className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm\"\n                >\n                  {t('deleteAllData')}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowDeleteConfirm(false)}\n                  className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm\"\n                >\n                  {t('cancel')}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default CookiePreferences;"],"x_google_ignoreList":[0,1,2],"mappings":"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"}
+{"version":3,"file":"CookiePreferences-C6e8MFlf.js","names":["ForwardRef","ForwardRef"],"sources":["../../../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.js","../../../../node_modules/@heroicons/react/24/outline/esm/CogIcon.js","../../../../node_modules/@heroicons/react/24/outline/esm/ShieldCheckIcon.js","../../src/components/CookiePreferences.tsx"],"sourcesContent":["import * as React from \"react\";\nfunction ArrowDownTrayIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ArrowDownTrayIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction CogIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077 1.41-.513m14.095-5.13 1.41-.513M5.106 17.785l1.15-.964m11.49-9.642 1.149-.964M7.501 19.795l.75-1.3m7.5-12.99.75-1.3m-6.063 16.658.26-1.477m2.605-14.772.26-1.477m0 17.726-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205 12 12m6.894 5.785-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(CogIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ShieldCheckIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ShieldCheckIcon);\nexport default ForwardRef;","\"use client\";\n\nimport { useState, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  getCookieConsent,\n  setCookieConsent,\n  COOKIE_CATEGORIES,\n  CookieConsent,\n  exportUserData,\n  deleteAllUserData,\n  type CookieCategory\n} from '@/lib/cookies';\nimport {\n  CogIcon,\n  TrashIcon,\n  ArrowDownTrayIcon,\n  ShieldCheckIcon,\n  XMarkIcon\n} from '@heroicons/react/24/outline';\n\ninterface CookiePreferencesProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function CookiePreferences({ isOpen, onClose }: CookiePreferencesProps) {\n  const { t: _t } = useTranslation();\n  const t = (k: string, p?: Record<string, unknown>) => _t(`CookiePreferences.${k}`, p as any) as string;\n  const [consent, setConsent] = useState<CookieConsent | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  // Store callback in ref to avoid including in dependency arrays\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  });\n\n  useEffect(() => {\n    if (isOpen) {\n      const currentConsent = getCookieConsent();\n      setConsent(currentConsent || {\n        necessary: true,\n        analytics: false,\n        marketing: false,\n        preferences: false,\n        timestamp: new Date().toISOString(),\n        version: '1.0'\n      });\n    }\n  }, [isOpen]);\n\n  // Handle ESC key to close modal\n  useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n\n    const handleEsc = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onCloseRef.current();\n      }\n    };\n\n    document.addEventListener('keydown', handleEsc);\n    return () => {\n      document.removeEventListener('keydown', handleEsc);\n    };\n  }, [isOpen]);\n\n  const handleSave = async () => {\n    if (!consent) return;\n    \n    setIsLoading(true);\n    setCookieConsent(consent);\n    setIsLoading(false);\n    onClose();\n  };\n\n  const handleCategoryToggle = (categoryId: keyof Omit<CookieConsent, 'timestamp' | 'version'>) => {\n    if (categoryId === 'necessary' || !consent) return;\n    \n    setConsent(prev => prev ? {\n      ...prev,\n      [categoryId]: !prev[categoryId]\n    } : null);\n  };\n\n  const handleExportData = () => {\n    const data = exportUserData();\n    const blob = new Blob([JSON.stringify(data, null, 2)], { \n      type: 'application/json' \n    });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `semiont-user-data-${new Date().toISOString().split('T')[0]}.json`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  };\n\n  const handleDeleteAllData = () => {\n    deleteAllUserData();\n  };\n\n  if (!isOpen || !consent) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 overflow-y-auto\">\n      <div className=\"flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n        {/* Background overlay */}\n        <div \n          className=\"fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75\"\n          onClick={onClose}\n        />\n\n        {/* Modal panel */}\n        <div className=\"inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full sm:p-6 relative\">\n          {/* Close button in upper right */}\n          <button\n            onClick={onClose}\n            className=\"absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-lg p-1\"\n            aria-label=\"Close\"\n          >\n            <XMarkIcon className=\"h-6 w-6\" />\n          </button>\n\n          <div className=\"sm:flex sm:items-start\">\n            <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10\">\n              <CogIcon className=\"h-6 w-6 text-blue-600\" />\n            </div>\n            <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left flex-1 pr-8\">\n              <h3 className=\"text-lg leading-6 font-medium text-gray-900\">\n                {t('title')}\n              </h3>\n              <div className=\"mt-2\">\n                <p className=\"text-sm text-gray-500\">\n                  {t('description')}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"mt-6\">\n            <div className=\"space-y-6\">\n              {/* Current consent info */}\n              <div className=\"bg-gray-50 rounded-lg p-4\">\n                <div className=\"flex items-center\">\n                  <ShieldCheckIcon className=\"h-5 w-5 text-green-500 mr-2\" />\n                  <span className=\"text-sm font-medium text-gray-900\">\n                    {t('currentSettings')}\n                  </span>\n                </div>\n                <div className=\"mt-2 text-xs text-gray-600\">\n                  <p>{t('lastUpdated', { date: new Date(consent.timestamp).toLocaleDateString() })}</p>\n                  <p>{t('version', { version: consent.version })}</p>\n                </div>\n              </div>\n\n              {/* Cookie categories */}\n              <div className=\"space-y-4\">\n                <h4 className=\"text-base font-medium text-gray-900\">\n                  {t('cookieCategories')}\n                </h4>\n                \n                {COOKIE_CATEGORIES.map((category: CookieCategory) => (\n                  <div key={category.id} className=\"border border-gray-200 rounded-lg p-4\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex-1\">\n                        <div className=\"flex items-center\">\n                          <input\n                            id={`pref-${category.id}`}\n                            type=\"checkbox\"\n                            checked={consent[category.id] || false}\n                            onChange={() => handleCategoryToggle(category.id)}\n                            disabled={category.required || isLoading}\n                            className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-sm disabled:opacity-50\"\n                          />\n                          <label\n                            htmlFor={`pref-${category.id}`}\n                            className=\"ml-3 text-sm font-medium text-gray-900 cursor-pointer\"\n                          >\n                            {category.name}\n                            {category.required && (\n                              <span className=\"text-xs text-gray-500 ml-1\">{t('required')}</span>\n                            )}\n                          </label>\n                        </div>\n                        <p className=\"mt-1 text-sm text-gray-600\">\n                          {category.description}\n                        </p>\n                        <details className=\"mt-2\">\n                          <summary className=\"text-xs text-blue-600 cursor-pointer hover:text-blue-800\">\n                            {t('viewCookies', { count: category.cookies.length })}\n                          </summary>\n                          <div className=\"mt-1 text-xs text-gray-500 bg-gray-50 rounded-sm p-2\">\n                            <ul className=\"list-disc list-inside space-y-1\">\n                              {category.cookies.map(cookie => (\n                                <li key={cookie}>{cookie}</li>\n                              ))}\n                            </ul>\n                          </div>\n                        </details>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n\n              {/* Data management section */}\n              <div className=\"border-t border-gray-200 pt-6\">\n                <h4 className=\"text-base font-medium text-gray-900 mb-4\">\n                  {t('dataManagement')}\n                </h4>\n\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <button\n                    onClick={handleExportData}\n                    className=\"flex items-center justify-center px-4 py-2 border border-gray-300 rounded-md shadow-xs text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n                  >\n                    <ArrowDownTrayIcon className=\"h-4 w-4 mr-2\" />\n                    {t('exportMyData')}\n                  </button>\n\n                  <button\n                    onClick={() => setShowDeleteConfirm(true)}\n                    className=\"flex items-center justify-center px-4 py-2 border border-red-300 rounded-md shadow-xs text-sm font-medium text-red-700 bg-white hover:bg-red-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500\"\n                  >\n                    <TrashIcon className=\"h-4 w-4 mr-2\" />\n                    {t('deleteAllData')}\n                  </button>\n                </div>\n\n                <p className=\"mt-2 text-xs text-gray-500\">\n                  {t('dataManagementDescription')}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Quick Actions */}\n          <div className=\"mt-6 flex flex-wrap gap-2 justify-center\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                setConsent(prev => prev ? {\n                  ...prev,\n                  necessary: true,\n                  analytics: false,\n                  marketing: false,\n                  preferences: false\n                } : null);\n              }}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors\"\n            >\n              {t('rejectAll')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => {\n                setConsent(prev => prev ? {\n                  ...prev,\n                  necessary: true,\n                  analytics: true,\n                  marketing: true,\n                  preferences: true\n                } : null);\n              }}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 transition-colors\"\n            >\n              {t('acceptAll')}\n            </button>\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"mt-6 sm:flex sm:flex-row-reverse\">\n            <button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={isLoading}\n              className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50\"\n            >\n              {isLoading ? t('saving') : t('saveChanges')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm\"\n            >\n              {t('cancel')}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Delete confirmation modal */}\n      {showDeleteConfirm && (\n        <div className=\"fixed inset-0 z-60 overflow-y-auto\">\n          <div className=\"flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n            <div className=\"fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75\" />\n            <div className=\"inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6\">\n              <div className=\"sm:flex sm:items-start\">\n                <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10\">\n                  <TrashIcon className=\"h-6 w-6 text-red-600\" />\n                </div>\n                <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n                  <h3 className=\"text-lg leading-6 font-medium text-gray-900\">\n                    {t('deleteConfirmTitle')}\n                  </h3>\n                  <div className=\"mt-2\">\n                    <p className=\"text-sm text-gray-500\">\n                      {t('deleteConfirmDescription')}\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <div className=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n                <button\n                  type=\"button\"\n                  onClick={handleDeleteAllData}\n                  className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm\"\n                >\n                  {t('deleteAllData')}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowDeleteConfirm(false)}\n                  className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm\"\n                >\n                  {t('cancel')}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default CookiePreferences;"],"x_google_ignoreList":[0,1,2],"mappings":"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"}

package/dist/frontend/dist/assets/{KeyboardShortcutsContext-CK1G6PDA.js → KeyboardShortcutsContext-DA7BzKws.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t,t as n}from"./i18n-X0oNIUcF.js";import{t as r}from"./vendor-Bd-5Ya9C.js";import{X as i,d as a,q as o,w as s}from"./index-4ZdXX6QX.js";import{i as c}from"./routing-CfZBmnyE.js";var l=[{id:`necessary`,name:`Strictly Necessary`,description:`These cookies are essential for the website to function properly. They enable core functionality such as security, network management, and accessibility.`,required:!0,cookies:[`semiont-token`,`consent-preferences`]},{id:`analytics`,name:`Analytics`,description:`These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.`,required:!1,cookies:[`_ga`,`_ga_*`,`_gid`,`_gat`,`lighthouse-*`]},{id:`marketing`,name:`Marketing`,description:`These cookies are used to track visitors across websites to display relevant advertisements and measure campaign effectiveness.`,required:!1,cookies:[`_fbp`,`_fbc`,`fr`,`ads-*`]},{id:`preferences`,name:`Preferences`,description:`These cookies remember your choices and preferences to provide a more personalized experience.`,required:!1,cookies:[`theme-preference`,`language-preference`,`ui-settings`]}],u=`semiont-cookie-consent`,d={necessary:!0,analytics:!1,marketing:!1,preferences:!1,timestamp:new Date().toISOString(),version:`1.0`},f=e=>{typeof window>`u`||l.forEach(t=>{t.required||e[t.id]||t.cookies.forEach(e=>{if(e.includes(`*`)){let t=e.replace(`*`,``);document.cookie.split(`;`).forEach(e=>{let n=e.split(`=`)[0]?.trim();n&&n.startsWith(t)&&p(n)})}else p(e)})})},p=e=>{document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`,document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${window.location.hostname}`;let t=window.location.hostname.split(`.`).slice(-2).join(`.`);document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.${t}`},m=()=>{if(typeof window>`u`)return null;try{let e=localStorage.getItem(u);if(!e)return null;let t=JSON.parse(e);return t.version===`1.0`?t:null}catch(e){return console.warn(`Failed to parse cookie consent:`,e),null}},h=e=>{if(typeof window>`u`)return;let t={...d,...e,necessary:!0,timestamp:new Date().toISOString(),version:`1.0`};try{localStorage.setItem(u,JSON.stringify(t)),f(t),window.dispatchEvent(new CustomEvent(`cookieConsentChanged`,{detail:t}))}catch(e){console.error(`Failed to save cookie consent:`,e)}},g=()=>{let e=m();if(!e)return!1;let t=new Date(e.timestamp),n=new Date;return n.setMonth(n.getMonth()-13),t>n},_=()=>typeof window>`u`?!1:!g(),v=async()=>{try{let e=Intl.DateTimeFormat().resolvedOptions().timeZone;return e.includes(`Europe/`)?`EU`:e.includes(`America/Los_Angeles`)||e.includes(`America/Vancouver`)?`CA`:e.includes(`America/`)?`US`:`OTHER`}catch{return`OTHER`}},y=async()=>await v()===`CA`,b=async()=>await v()===`EU`,x=()=>{if(typeof window>`u`)return{};let e={};document.cookie.split(`;`).forEach(t=>{let[n,r]=t.trim().split(`=`);n&&r&&(e[`cookie_${n}`]=decodeURIComponent(r))});for(let t=0;t<localStorage.length;t++){let n=localStorage.key(t);n&&(e[`localStorage_${n}`]=localStorage.getItem(n)||``)}for(let t=0;t<sessionStorage.length;t++){let n=sessionStorage.key(t);n&&(e[`sessionStorage_${n}`]=sessionStorage.getItem(n)||``)}return e},S=()=>{typeof window>`u`||(localStorage.clear(),sessionStorage.clear(),document.cookie.split(`;`).forEach(e=>{let t=e.split(`=`)[0]?.trim();t&&p(t)}),window.location.reload())},C=e(t()),w=r();function T({isOpen:e,onClose:t}){let r=c(),{t:i}=n(),a=(e,t)=>i(`Search.${e}`,t);return(0,w.jsx)(s,{isOpen:e,onClose:t,onNavigate:(e,t)=>{e===`resource`?r.push(`/know/resource/${encodeURIComponent(t)}`):r.push(`/know/entity/${t}`)},translations:{placeholder:a(`placeholder`),searching:a(`searching`),noResults:a(`noResults`),startTyping:a(`startTyping`),navigate:a(`navigate`),select:a(`select`),close:a(`close`),enter:a(`enter`),esc:a(`esc`)}})}var E=(0,C.createContext)(null);function D({children:e}){let t=c(),[n,r]=(0,C.useState)(!1),[s,l]=(0,C.useState)(!1),[u,d]=(0,C.useState)([]),f=(0,C.useCallback)(()=>{r(!0)},[]),p=(0,C.useCallback)(()=>{l(!0)},[]),m=(0,C.useCallback)(()=>{r(!1),l(!1),u.forEach(e=>e()),d([])},[u]);i([{key:`k`,ctrlOrCmd:!0,handler:()=>{f()},description:`Open global search`},{key:`n`,ctrlOrCmd:!0,handler:()=>{t.push(`/know/compose`)},description:`Create new resource`},{key:`/`,handler:()=>{f()},description:`Open global search (alternative)`},{key:`?`,shift:!0,handler:()=>{p()},description:`Show keyboard shortcuts help`}]),o(`Escape`,m,300);let h={openGlobalSearch:f,openKeyboardHelp:p,closeAllOverlays:m};return(0,w.jsxs)(E.Provider,{value:h,children:[e,n&&(0,w.jsx)(T,{isOpen:n,onClose:()=>r(!1)}),s&&(0,w.jsx)(a,{isOpen:s,onClose:()=>l(!1)})]})}export{y as a,h as c,x as i,_ as l,D as n,b as o,S as r,m as s,E as t,l as u};
-//# sourceMappingURL=KeyboardShortcutsContext-CK1G6PDA.js.map
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t,t as n}from"./i18n-X0oNIUcF.js";import{t as r}from"./vendor-Bd-5Ya9C.js";import{X as i,d as a,q as o,w as s}from"./index-CbpNJW-y.js";import{i as c}from"./routing-B7nppFJ0.js";var l=[{id:`necessary`,name:`Strictly Necessary`,description:`These cookies are essential for the website to function properly. They enable core functionality such as security, network management, and accessibility.`,required:!0,cookies:[`semiont-token`,`consent-preferences`]},{id:`analytics`,name:`Analytics`,description:`These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.`,required:!1,cookies:[`_ga`,`_ga_*`,`_gid`,`_gat`,`lighthouse-*`]},{id:`marketing`,name:`Marketing`,description:`These cookies are used to track visitors across websites to display relevant advertisements and measure campaign effectiveness.`,required:!1,cookies:[`_fbp`,`_fbc`,`fr`,`ads-*`]},{id:`preferences`,name:`Preferences`,description:`These cookies remember your choices and preferences to provide a more personalized experience.`,required:!1,cookies:[`theme-preference`,`language-preference`,`ui-settings`]}],u=`semiont-cookie-consent`,d={necessary:!0,analytics:!1,marketing:!1,preferences:!1,timestamp:new Date().toISOString(),version:`1.0`},f=e=>{typeof window>`u`||l.forEach(t=>{t.required||e[t.id]||t.cookies.forEach(e=>{if(e.includes(`*`)){let t=e.replace(`*`,``);document.cookie.split(`;`).forEach(e=>{let n=e.split(`=`)[0]?.trim();n&&n.startsWith(t)&&p(n)})}else p(e)})})},p=e=>{document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`,document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${window.location.hostname}`;let t=window.location.hostname.split(`.`).slice(-2).join(`.`);document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.${t}`},m=()=>{if(typeof window>`u`)return null;try{let e=localStorage.getItem(u);if(!e)return null;let t=JSON.parse(e);return t.version===`1.0`?t:null}catch(e){return console.warn(`Failed to parse cookie consent:`,e),null}},h=e=>{if(typeof window>`u`)return;let t={...d,...e,necessary:!0,timestamp:new Date().toISOString(),version:`1.0`};try{localStorage.setItem(u,JSON.stringify(t)),f(t),window.dispatchEvent(new CustomEvent(`cookieConsentChanged`,{detail:t}))}catch(e){console.error(`Failed to save cookie consent:`,e)}},g=()=>{let e=m();if(!e)return!1;let t=new Date(e.timestamp),n=new Date;return n.setMonth(n.getMonth()-13),t>n},_=()=>typeof window>`u`?!1:!g(),v=async()=>{try{let e=Intl.DateTimeFormat().resolvedOptions().timeZone;return e.includes(`Europe/`)?`EU`:e.includes(`America/Los_Angeles`)||e.includes(`America/Vancouver`)?`CA`:e.includes(`America/`)?`US`:`OTHER`}catch{return`OTHER`}},y=async()=>await v()===`CA`,b=async()=>await v()===`EU`,x=()=>{if(typeof window>`u`)return{};let e={};document.cookie.split(`;`).forEach(t=>{let[n,r]=t.trim().split(`=`);n&&r&&(e[`cookie_${n}`]=decodeURIComponent(r))});for(let t=0;t<localStorage.length;t++){let n=localStorage.key(t);n&&(e[`localStorage_${n}`]=localStorage.getItem(n)||``)}for(let t=0;t<sessionStorage.length;t++){let n=sessionStorage.key(t);n&&(e[`sessionStorage_${n}`]=sessionStorage.getItem(n)||``)}return e},S=()=>{typeof window>`u`||(localStorage.clear(),sessionStorage.clear(),document.cookie.split(`;`).forEach(e=>{let t=e.split(`=`)[0]?.trim();t&&p(t)}),window.location.reload())},C=e(t()),w=r();function T({isOpen:e,onClose:t}){let r=c(),{t:i}=n(),a=(e,t)=>i(`Search.${e}`,t);return(0,w.jsx)(s,{isOpen:e,onClose:t,onNavigate:(e,t)=>{e===`resource`?r.push(`/know/resource/${encodeURIComponent(t)}`):r.push(`/know/entity/${t}`)},translations:{placeholder:a(`placeholder`),searching:a(`searching`),noResults:a(`noResults`),startTyping:a(`startTyping`),navigate:a(`navigate`),select:a(`select`),close:a(`close`),enter:a(`enter`),esc:a(`esc`)}})}var E=(0,C.createContext)(null);function D({children:e}){let t=c(),[n,r]=(0,C.useState)(!1),[s,l]=(0,C.useState)(!1),[u,d]=(0,C.useState)([]),f=(0,C.useCallback)(()=>{r(!0)},[]),p=(0,C.useCallback)(()=>{l(!0)},[]),m=(0,C.useCallback)(()=>{r(!1),l(!1),u.forEach(e=>e()),d([])},[u]);i([{key:`k`,ctrlOrCmd:!0,handler:()=>{f()},description:`Open global search`},{key:`n`,ctrlOrCmd:!0,handler:()=>{t.push(`/know/compose`)},description:`Create new resource`},{key:`/`,handler:()=>{f()},description:`Open global search (alternative)`},{key:`?`,shift:!0,handler:()=>{p()},description:`Show keyboard shortcuts help`}]),o(`Escape`,m,300);let h={openGlobalSearch:f,openKeyboardHelp:p,closeAllOverlays:m};return(0,w.jsxs)(E.Provider,{value:h,children:[e,n&&(0,w.jsx)(T,{isOpen:n,onClose:()=>r(!1)}),s&&(0,w.jsx)(a,{isOpen:s,onClose:()=>l(!1)})]})}export{y as a,h as c,x as i,_ as l,D as n,b as o,S as r,m as s,E as t,l as u};
+//# sourceMappingURL=KeyboardShortcutsContext-DA7BzKws.js.map

package/dist/frontend/dist/assets/{KeyboardShortcutsContext-CK1G6PDA.js.map → KeyboardShortcutsContext-DA7BzKws.js.map}

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcutsContext-CK1G6PDA.js","names":[],"sources":["../../src/lib/cookies/constants.ts","../../src/lib/cookies/cleanup.ts","../../src/lib/cookies/consent.ts","../../src/lib/cookies/privacy.ts","../../src/components/modals/GlobalSearchModal.tsx","../../src/contexts/KeyboardShortcutsContext.tsx"],"sourcesContent":["import type { CookieCategory, CookieConsent } from './types';\n\n// Cookie categories with descriptions\nexport const COOKIE_CATEGORIES: CookieCategory[] = [\n  {\n    id: 'necessary',\n    name: 'Strictly Necessary',\n    description: 'These cookies are essential for the website to function properly. They enable core functionality such as security, network management, and accessibility.',\n    required: true,\n    cookies: ['semiont-token', 'consent-preferences']\n  },\n  {\n    id: 'analytics',\n    name: 'Analytics',\n    description: 'These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.',\n    required: false,\n    cookies: ['_ga', '_ga_*', '_gid', '_gat', 'lighthouse-*']\n  },\n  {\n    id: 'marketing',\n    name: 'Marketing',\n    description: 'These cookies are used to track visitors across websites to display relevant advertisements and measure campaign effectiveness.',\n    required: false,\n    cookies: ['_fbp', '_fbc', 'fr', 'ads-*']\n  },\n  {\n    id: 'preferences',\n    name: 'Preferences',\n    description: 'These cookies remember your choices and preferences to provide a more personalized experience.',\n    required: false,\n    cookies: ['theme-preference', 'language-preference', 'ui-settings']\n  }\n];\n\n// Current consent version (increment when privacy policy changes)\nexport const CONSENT_VERSION = '1.0';\n\n// Cookie names\nexport const CONSENT_COOKIE_NAME = 'semiont-cookie-consent';\nexport const PREFERENCES_COOKIE_NAME = 'semiont-cookie-preferences';\n\n// Default consent state\nexport const DEFAULT_CONSENT: CookieConsent = {\n  necessary: true, // Always true, required for functionality\n  analytics: false,\n  marketing: false,\n  preferences: false,\n  timestamp: new Date().toISOString(),\n  version: CONSENT_VERSION\n};\n","import type { CookieConsent } from './types';\nimport { COOKIE_CATEGORIES } from './constants';\n\n// Clean up cookies based on consent\nexport const cleanupCookies = (consent: CookieConsent): void => {\n  if (typeof window === 'undefined') return;\n\n  COOKIE_CATEGORIES.forEach(category => {\n    if (category.required) return; // Never clean up required cookies\n\n    const hasConsent = consent[category.id];\n    if (!hasConsent) {\n      // Remove cookies for this category\n      category.cookies.forEach(cookieName => {\n        if (cookieName.includes('*')) {\n          // Handle wildcard cookies\n          const prefix = cookieName.replace('*', '');\n          document.cookie.split(';').forEach(cookie => {\n            const name = cookie.split('=')[0]?.trim();\n            if (name && name.startsWith(prefix)) {\n              deleteCookie(name);\n            }\n          });\n        } else {\n          deleteCookie(cookieName);\n        }\n      });\n    }\n  });\n};\n\n// Delete a specific cookie\nexport const deleteCookie = (name: string): void => {\n  // Delete for current domain\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\n  // Delete for parent domain\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${window.location.hostname}`;\n  // Delete for root domain\n  const rootDomain = window.location.hostname.split('.').slice(-2).join('.');\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.${rootDomain}`;\n};\n","import type { CookieConsent } from './types';\nimport { CONSENT_COOKIE_NAME, CONSENT_VERSION, DEFAULT_CONSENT } from './constants';\nimport { cleanupCookies } from './cleanup';\n\nexport const getCookieConsent = (): CookieConsent | null => {\n  if (typeof window === 'undefined') return null;\n\n  try {\n    const consent = localStorage.getItem(CONSENT_COOKIE_NAME);\n    if (!consent) return null;\n\n    const parsed = JSON.parse(consent) as CookieConsent;\n\n    // Check if consent is for current version\n    if (parsed.version !== CONSENT_VERSION) {\n      return null; // Force re-consent for new version\n    }\n\n    return parsed;\n  } catch (error) {\n    console.warn('Failed to parse cookie consent:', error);\n    return null;\n  }\n};\n\nexport const setCookieConsent = (consent: Partial<CookieConsent>): void => {\n  if (typeof window === 'undefined') return;\n\n  const fullConsent: CookieConsent = {\n    ...DEFAULT_CONSENT,\n    ...consent,\n    necessary: true, // Always true\n    timestamp: new Date().toISOString(),\n    version: CONSENT_VERSION\n  };\n\n  try {\n    localStorage.setItem(CONSENT_COOKIE_NAME, JSON.stringify(fullConsent));\n\n    // Clean up cookies based on consent\n    cleanupCookies(fullConsent);\n\n    // Dispatch custom event for components to react to consent changes\n    window.dispatchEvent(new CustomEvent('cookieConsentChanged', {\n      detail: fullConsent\n    }));\n  } catch (error) {\n    console.error('Failed to save cookie consent:', error);\n  }\n};\n\nexport const hasValidConsent = (): boolean => {\n  const consent = getCookieConsent();\n  if (!consent) return false;\n\n  // Check if consent is less than 13 months old (GDPR requirement)\n  const consentDate = new Date(consent.timestamp);\n  const thirteenMonthsAgo = new Date();\n  thirteenMonthsAgo.setMonth(thirteenMonthsAgo.getMonth() - 13);\n\n  return consentDate > thirteenMonthsAgo;\n};\n\nexport const shouldShowBanner = (): boolean => {\n  if (typeof window === 'undefined') return false;\n  return !hasValidConsent();\n};\n","import { deleteCookie } from './cleanup';\n\n// Get user's location for CCPA vs GDPR detection (simplified)\nexport const getUserLocation = async (): Promise<'EU' | 'CA' | 'US' | 'OTHER'> => {\n  try {\n    // In a real implementation, you'd use a geolocation service\n    // For now, we'll detect based on timezone as a rough approximation\n    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    if (timezone.includes('Europe/')) return 'EU';\n    if (timezone.includes('America/Los_Angeles') || timezone.includes('America/Vancouver')) return 'CA';\n    if (timezone.includes('America/')) return 'US';\n\n    return 'OTHER';\n  } catch {\n    return 'OTHER';\n  }\n};\n\n// Check if CCPA applies (California residents)\nexport const isCCPAApplicable = async (): Promise<boolean> => {\n  const location = await getUserLocation();\n  return location === 'CA';\n};\n\n// Check if GDPR applies (EU residents)\nexport const isGDPRApplicable = async (): Promise<boolean> => {\n  const location = await getUserLocation();\n  return location === 'EU';\n};\n\n// Export all cookies currently set\nexport const exportUserData = (): Record<string, string> => {\n  if (typeof window === 'undefined') return {};\n\n  const data: Record<string, string> = {};\n\n  // Get all cookies\n  document.cookie.split(';').forEach(cookie => {\n    const [name, value] = cookie.trim().split('=');\n    if (name && value) {\n      data[`cookie_${name}`] = decodeURIComponent(value);\n    }\n  });\n\n  // Get localStorage data\n  for (let i = 0; i < localStorage.length; i++) {\n    const key = localStorage.key(i);\n    if (key) {\n      data[`localStorage_${key}`] = localStorage.getItem(key) || '';\n    }\n  }\n\n  // Get sessionStorage data\n  for (let i = 0; i < sessionStorage.length; i++) {\n    const key = sessionStorage.key(i);\n    if (key) {\n      data[`sessionStorage_${key}`] = sessionStorage.getItem(key) || '';\n    }\n  }\n\n  return data;\n};\n\n// Delete all user data (GDPR right to be forgotten)\nexport const deleteAllUserData = (): void => {\n  if (typeof window === 'undefined') return;\n\n  // Clear all localStorage\n  localStorage.clear();\n\n  // Clear all sessionStorage\n  sessionStorage.clear();\n\n  // Delete all cookies\n  document.cookie.split(';').forEach(cookie => {\n    const name = cookie.split('=')[0]?.trim();\n    if (name) {\n      deleteCookie(name);\n    }\n  });\n\n  // Reload page to ensure clean state\n  window.location.reload();\n};\n","import { useRouter } from '@/i18n/routing';\nimport { SearchModal } from '@semiont/react-ui';\nimport { useTranslation } from 'react-i18next';\n\ninterface GlobalSearchModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function GlobalSearchModal({ isOpen, onClose }: GlobalSearchModalProps) {\n  const router = useRouter();\n  const { t: _t } = useTranslation();\n  const t = (k: string, p?: Record<string, unknown>) => _t(`Search.${k}`, p as any) as string;\n\n  const handleNavigate = (type: 'resource' | 'entity', id: string) => {\n    if (type === 'resource') {\n      router.push(`/know/resource/${encodeURIComponent(id)}`);\n    } else {\n      router.push(`/know/entity/${id}`);\n    }\n  };\n\n  return (\n    <SearchModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onNavigate={handleNavigate}\n      translations={{\n        placeholder: t('placeholder'),\n        searching: t('searching'),\n        noResults: t('noResults'),\n        startTyping: t('startTyping'),\n        navigate: t('navigate'),\n        select: t('select'),\n        close: t('close'),\n        enter: t('enter'),\n        esc: t('esc'),\n      }}\n    />\n  );\n}","import React, { createContext, useContext, useState, useCallback } from 'react';\nimport { useRouter } from '@/i18n/routing';\nimport { useKeyboardShortcuts, useDoubleKeyPress, KeyboardShortcutsHelpModal } from '@semiont/react-ui';\nimport { GlobalSearchModal } from '../components/modals/GlobalSearchModal';\n\ninterface KeyboardShortcutsContextType {\n  openGlobalSearch: () => void;\n  openKeyboardHelp: () => void;\n  closeAllOverlays: () => void;\n}\n\nexport const KeyboardShortcutsContext = createContext<KeyboardShortcutsContextType | null>(null);\n\nexport function useKeyboardShortcutsContext() {\n  const context = useContext(KeyboardShortcutsContext);\n  if (!context) {\n    throw new Error('useKeyboardShortcutsContext must be used within KeyboardShortcutsProvider');\n  }\n  return context;\n}\n\ninterface KeyboardShortcutsProviderProps {\n  children: React.ReactNode;\n}\n\nexport function KeyboardShortcutsProvider({ children }: KeyboardShortcutsProviderProps) {\n  const router = useRouter();\n  const [isSearchOpen, setIsSearchOpen] = useState(false);\n  const [isHelpOpen, setIsHelpOpen] = useState(false);\n  const [overlayCloseCallbacks, setOverlayCloseCallbacks] = useState<(() => void)[]>([]);\n\n  // Open global search\n  const openGlobalSearch = useCallback(() => {\n    setIsSearchOpen(true);\n  }, []);\n\n  // Open keyboard help\n  const openKeyboardHelp = useCallback(() => {\n    setIsHelpOpen(true);\n  }, []);\n\n  // Close all overlays\n  const closeAllOverlays = useCallback(() => {\n    // Close all modals\n    setIsSearchOpen(false);\n    setIsHelpOpen(false);\n\n    // Call all registered overlay close callbacks\n    overlayCloseCallbacks.forEach(callback => callback());\n\n    // Clear the callbacks\n    setOverlayCloseCallbacks([]);\n  }, [overlayCloseCallbacks]);\n\n  // Register global keyboard shortcuts\n  useKeyboardShortcuts([\n    {\n      key: 'k',\n      ctrlOrCmd: true,\n      handler: () => {\n        openGlobalSearch();\n      },\n      description: 'Open global search'\n    },\n    {\n      key: 'n',\n      ctrlOrCmd: true,\n      handler: () => {\n        // Navigate to compose page to create new resource\n        router.push('/know/compose');\n      },\n      description: 'Create new resource'\n    },\n    {\n      key: '/',\n      handler: () => {\n        // Alternative search trigger (like GitHub)\n        openGlobalSearch();\n      },\n      description: 'Open global search (alternative)'\n    },\n    {\n      key: '?',\n      shift: true,\n      handler: () => {\n        // Open keyboard shortcuts help\n        openKeyboardHelp();\n      },\n      description: 'Show keyboard shortcuts help'\n    }\n  ]);\n\n  // Double Escape to close all overlays\n  useDoubleKeyPress('Escape', closeAllOverlays, 300);\n\n  const contextValue: KeyboardShortcutsContextType = {\n    openGlobalSearch,\n    openKeyboardHelp,\n    closeAllOverlays\n  };\n\n  return (\n    <KeyboardShortcutsContext.Provider value={contextValue}>\n      {children}\n      {isSearchOpen && (\n        <GlobalSearchModal\n          isOpen={isSearchOpen}\n          onClose={() => setIsSearchOpen(false)}\n        />\n      )}\n      {isHelpOpen && (\n        <KeyboardShortcutsHelpModal\n          isOpen={isHelpOpen}\n          onClose={() => setIsHelpOpen(false)}\n        />\n      )}\n    </KeyboardShortcutsContext.Provider>\n  );\n}"],"mappings":"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"}
+{"version":3,"file":"KeyboardShortcutsContext-DA7BzKws.js","names":[],"sources":["../../src/lib/cookies/constants.ts","../../src/lib/cookies/cleanup.ts","../../src/lib/cookies/consent.ts","../../src/lib/cookies/privacy.ts","../../src/components/modals/GlobalSearchModal.tsx","../../src/contexts/KeyboardShortcutsContext.tsx"],"sourcesContent":["import type { CookieCategory, CookieConsent } from './types';\n\n// Cookie categories with descriptions\nexport const COOKIE_CATEGORIES: CookieCategory[] = [\n  {\n    id: 'necessary',\n    name: 'Strictly Necessary',\n    description: 'These cookies are essential for the website to function properly. They enable core functionality such as security, network management, and accessibility.',\n    required: true,\n    cookies: ['semiont-token', 'consent-preferences']\n  },\n  {\n    id: 'analytics',\n    name: 'Analytics',\n    description: 'These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.',\n    required: false,\n    cookies: ['_ga', '_ga_*', '_gid', '_gat', 'lighthouse-*']\n  },\n  {\n    id: 'marketing',\n    name: 'Marketing',\n    description: 'These cookies are used to track visitors across websites to display relevant advertisements and measure campaign effectiveness.',\n    required: false,\n    cookies: ['_fbp', '_fbc', 'fr', 'ads-*']\n  },\n  {\n    id: 'preferences',\n    name: 'Preferences',\n    description: 'These cookies remember your choices and preferences to provide a more personalized experience.',\n    required: false,\n    cookies: ['theme-preference', 'language-preference', 'ui-settings']\n  }\n];\n\n// Current consent version (increment when privacy policy changes)\nexport const CONSENT_VERSION = '1.0';\n\n// Cookie names\nexport const CONSENT_COOKIE_NAME = 'semiont-cookie-consent';\nexport const PREFERENCES_COOKIE_NAME = 'semiont-cookie-preferences';\n\n// Default consent state\nexport const DEFAULT_CONSENT: CookieConsent = {\n  necessary: true, // Always true, required for functionality\n  analytics: false,\n  marketing: false,\n  preferences: false,\n  timestamp: new Date().toISOString(),\n  version: CONSENT_VERSION\n};\n","import type { CookieConsent } from './types';\nimport { COOKIE_CATEGORIES } from './constants';\n\n// Clean up cookies based on consent\nexport const cleanupCookies = (consent: CookieConsent): void => {\n  if (typeof window === 'undefined') return;\n\n  COOKIE_CATEGORIES.forEach(category => {\n    if (category.required) return; // Never clean up required cookies\n\n    const hasConsent = consent[category.id];\n    if (!hasConsent) {\n      // Remove cookies for this category\n      category.cookies.forEach(cookieName => {\n        if (cookieName.includes('*')) {\n          // Handle wildcard cookies\n          const prefix = cookieName.replace('*', '');\n          document.cookie.split(';').forEach(cookie => {\n            const name = cookie.split('=')[0]?.trim();\n            if (name && name.startsWith(prefix)) {\n              deleteCookie(name);\n            }\n          });\n        } else {\n          deleteCookie(cookieName);\n        }\n      });\n    }\n  });\n};\n\n// Delete a specific cookie\nexport const deleteCookie = (name: string): void => {\n  // Delete for current domain\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\n  // Delete for parent domain\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${window.location.hostname}`;\n  // Delete for root domain\n  const rootDomain = window.location.hostname.split('.').slice(-2).join('.');\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.${rootDomain}`;\n};\n","import type { CookieConsent } from './types';\nimport { CONSENT_COOKIE_NAME, CONSENT_VERSION, DEFAULT_CONSENT } from './constants';\nimport { cleanupCookies } from './cleanup';\n\nexport const getCookieConsent = (): CookieConsent | null => {\n  if (typeof window === 'undefined') return null;\n\n  try {\n    const consent = localStorage.getItem(CONSENT_COOKIE_NAME);\n    if (!consent) return null;\n\n    const parsed = JSON.parse(consent) as CookieConsent;\n\n    // Check if consent is for current version\n    if (parsed.version !== CONSENT_VERSION) {\n      return null; // Force re-consent for new version\n    }\n\n    return parsed;\n  } catch (error) {\n    console.warn('Failed to parse cookie consent:', error);\n    return null;\n  }\n};\n\nexport const setCookieConsent = (consent: Partial<CookieConsent>): void => {\n  if (typeof window === 'undefined') return;\n\n  const fullConsent: CookieConsent = {\n    ...DEFAULT_CONSENT,\n    ...consent,\n    necessary: true, // Always true\n    timestamp: new Date().toISOString(),\n    version: CONSENT_VERSION\n  };\n\n  try {\n    localStorage.setItem(CONSENT_COOKIE_NAME, JSON.stringify(fullConsent));\n\n    // Clean up cookies based on consent\n    cleanupCookies(fullConsent);\n\n    // Dispatch custom event for components to react to consent changes\n    window.dispatchEvent(new CustomEvent('cookieConsentChanged', {\n      detail: fullConsent\n    }));\n  } catch (error) {\n    console.error('Failed to save cookie consent:', error);\n  }\n};\n\nexport const hasValidConsent = (): boolean => {\n  const consent = getCookieConsent();\n  if (!consent) return false;\n\n  // Check if consent is less than 13 months old (GDPR requirement)\n  const consentDate = new Date(consent.timestamp);\n  const thirteenMonthsAgo = new Date();\n  thirteenMonthsAgo.setMonth(thirteenMonthsAgo.getMonth() - 13);\n\n  return consentDate > thirteenMonthsAgo;\n};\n\nexport const shouldShowBanner = (): boolean => {\n  if (typeof window === 'undefined') return false;\n  return !hasValidConsent();\n};\n","import { deleteCookie } from './cleanup';\n\n// Get user's location for CCPA vs GDPR detection (simplified)\nexport const getUserLocation = async (): Promise<'EU' | 'CA' | 'US' | 'OTHER'> => {\n  try {\n    // In a real implementation, you'd use a geolocation service\n    // For now, we'll detect based on timezone as a rough approximation\n    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    if (timezone.includes('Europe/')) return 'EU';\n    if (timezone.includes('America/Los_Angeles') || timezone.includes('America/Vancouver')) return 'CA';\n    if (timezone.includes('America/')) return 'US';\n\n    return 'OTHER';\n  } catch {\n    return 'OTHER';\n  }\n};\n\n// Check if CCPA applies (California residents)\nexport const isCCPAApplicable = async (): Promise<boolean> => {\n  const location = await getUserLocation();\n  return location === 'CA';\n};\n\n// Check if GDPR applies (EU residents)\nexport const isGDPRApplicable = async (): Promise<boolean> => {\n  const location = await getUserLocation();\n  return location === 'EU';\n};\n\n// Export all cookies currently set\nexport const exportUserData = (): Record<string, string> => {\n  if (typeof window === 'undefined') return {};\n\n  const data: Record<string, string> = {};\n\n  // Get all cookies\n  document.cookie.split(';').forEach(cookie => {\n    const [name, value] = cookie.trim().split('=');\n    if (name && value) {\n      data[`cookie_${name}`] = decodeURIComponent(value);\n    }\n  });\n\n  // Get localStorage data\n  for (let i = 0; i < localStorage.length; i++) {\n    const key = localStorage.key(i);\n    if (key) {\n      data[`localStorage_${key}`] = localStorage.getItem(key) || '';\n    }\n  }\n\n  // Get sessionStorage data\n  for (let i = 0; i < sessionStorage.length; i++) {\n    const key = sessionStorage.key(i);\n    if (key) {\n      data[`sessionStorage_${key}`] = sessionStorage.getItem(key) || '';\n    }\n  }\n\n  return data;\n};\n\n// Delete all user data (GDPR right to be forgotten)\nexport const deleteAllUserData = (): void => {\n  if (typeof window === 'undefined') return;\n\n  // Clear all localStorage\n  localStorage.clear();\n\n  // Clear all sessionStorage\n  sessionStorage.clear();\n\n  // Delete all cookies\n  document.cookie.split(';').forEach(cookie => {\n    const name = cookie.split('=')[0]?.trim();\n    if (name) {\n      deleteCookie(name);\n    }\n  });\n\n  // Reload page to ensure clean state\n  window.location.reload();\n};\n","import { useRouter } from '@/i18n/routing';\nimport { SearchModal } from '@semiont/react-ui';\nimport { useTranslation } from 'react-i18next';\n\ninterface GlobalSearchModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function GlobalSearchModal({ isOpen, onClose }: GlobalSearchModalProps) {\n  const router = useRouter();\n  const { t: _t } = useTranslation();\n  const t = (k: string, p?: Record<string, unknown>) => _t(`Search.${k}`, p as any) as string;\n\n  const handleNavigate = (type: 'resource' | 'entity', id: string) => {\n    if (type === 'resource') {\n      router.push(`/know/resource/${encodeURIComponent(id)}`);\n    } else {\n      router.push(`/know/entity/${id}`);\n    }\n  };\n\n  return (\n    <SearchModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onNavigate={handleNavigate}\n      translations={{\n        placeholder: t('placeholder'),\n        searching: t('searching'),\n        noResults: t('noResults'),\n        startTyping: t('startTyping'),\n        navigate: t('navigate'),\n        select: t('select'),\n        close: t('close'),\n        enter: t('enter'),\n        esc: t('esc'),\n      }}\n    />\n  );\n}","import React, { createContext, useContext, useState, useCallback } from 'react';\nimport { useRouter } from '@/i18n/routing';\nimport { useKeyboardShortcuts, useDoubleKeyPress, KeyboardShortcutsHelpModal } from '@semiont/react-ui';\nimport { GlobalSearchModal } from '../components/modals/GlobalSearchModal';\n\ninterface KeyboardShortcutsContextType {\n  openGlobalSearch: () => void;\n  openKeyboardHelp: () => void;\n  closeAllOverlays: () => void;\n}\n\nexport const KeyboardShortcutsContext = createContext<KeyboardShortcutsContextType | null>(null);\n\nexport function useKeyboardShortcutsContext() {\n  const context = useContext(KeyboardShortcutsContext);\n  if (!context) {\n    throw new Error('useKeyboardShortcutsContext must be used within KeyboardShortcutsProvider');\n  }\n  return context;\n}\n\ninterface KeyboardShortcutsProviderProps {\n  children: React.ReactNode;\n}\n\nexport function KeyboardShortcutsProvider({ children }: KeyboardShortcutsProviderProps) {\n  const router = useRouter();\n  const [isSearchOpen, setIsSearchOpen] = useState(false);\n  const [isHelpOpen, setIsHelpOpen] = useState(false);\n  const [overlayCloseCallbacks, setOverlayCloseCallbacks] = useState<(() => void)[]>([]);\n\n  // Open global search\n  const openGlobalSearch = useCallback(() => {\n    setIsSearchOpen(true);\n  }, []);\n\n  // Open keyboard help\n  const openKeyboardHelp = useCallback(() => {\n    setIsHelpOpen(true);\n  }, []);\n\n  // Close all overlays\n  const closeAllOverlays = useCallback(() => {\n    // Close all modals\n    setIsSearchOpen(false);\n    setIsHelpOpen(false);\n\n    // Call all registered overlay close callbacks\n    overlayCloseCallbacks.forEach(callback => callback());\n\n    // Clear the callbacks\n    setOverlayCloseCallbacks([]);\n  }, [overlayCloseCallbacks]);\n\n  // Register global keyboard shortcuts\n  useKeyboardShortcuts([\n    {\n      key: 'k',\n      ctrlOrCmd: true,\n      handler: () => {\n        openGlobalSearch();\n      },\n      description: 'Open global search'\n    },\n    {\n      key: 'n',\n      ctrlOrCmd: true,\n      handler: () => {\n        // Navigate to compose page to create new resource\n        router.push('/know/compose');\n      },\n      description: 'Create new resource'\n    },\n    {\n      key: '/',\n      handler: () => {\n        // Alternative search trigger (like GitHub)\n        openGlobalSearch();\n      },\n      description: 'Open global search (alternative)'\n    },\n    {\n      key: '?',\n      shift: true,\n      handler: () => {\n        // Open keyboard shortcuts help\n        openKeyboardHelp();\n      },\n      description: 'Show keyboard shortcuts help'\n    }\n  ]);\n\n  // Double Escape to close all overlays\n  useDoubleKeyPress('Escape', closeAllOverlays, 300);\n\n  const contextValue: KeyboardShortcutsContextType = {\n    openGlobalSearch,\n    openKeyboardHelp,\n    closeAllOverlays\n  };\n\n  return (\n    <KeyboardShortcutsContext.Provider value={contextValue}>\n      {children}\n      {isSearchOpen && (\n        <GlobalSearchModal\n          isOpen={isSearchOpen}\n          onClose={() => setIsSearchOpen(false)}\n        />\n      )}\n      {isHelpOpen && (\n        <KeyboardShortcutsHelpModal\n          isOpen={isHelpOpen}\n          onClose={() => setIsHelpOpen(false)}\n        />\n      )}\n    </KeyboardShortcutsContext.Provider>\n  );\n}"],"mappings":"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"}

package/dist/frontend/dist/assets/PdfAnnotationCanvas.client-U4EVBZEV-DckcWLqH.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t}from"./i18n-X0oNIUcF.js";import{t as n}from"./vendor-Bd-5Ya9C.js";import{At as r,Mt as i,Nt as a,en as o,jt as s,tn as c,ut as l}from"./index-CbpNJW-y.js";var u=e(t(),1),d=n();function f(e,t,n,r,i=1){let a=Math.min(e.startX,e.endX),o=Math.min(e.startY,e.endY),s=Math.max(e.startX,e.endX),c=Math.max(e.startY,e.endY),l=a/i,u=(s-a)/i,d=r-c/i,f=(c-o)/i;return{page:t,x:Math.round(l),y:Math.round(d),width:Math.round(u),height:Math.round(f)}}function p(e,t,n=1){let r=e.x*n,i=e.width*n;return{x:r,y:(t-e.y-e.height)*n,width:i,height:e.height*n}}function m(e){if(!e)return{stroke:`rgb(156, 163, 175)`,fill:`rgba(156, 163, 175, 0.2)`};switch(e){case`highlighting`:return{stroke:`rgb(250, 204, 21)`,fill:`rgba(250, 204, 21, 0.3)`};case`linking`:return{stroke:`rgb(59, 130, 246)`,fill:`rgba(59, 130, 246, 0.2)`};case`assessing`:return{stroke:`rgb(239, 68, 68)`,fill:`rgba(239, 68, 68, 0.2)`};case`commenting`:return{stroke:`rgb(255, 255, 255)`,fill:`rgba(255, 255, 255, 0.2)`};default:return{stroke:`rgb(156, 163, 175)`,fill:`rgba(156, 163, 175, 0.2)`}}}function h({pdfUrl:e,existingAnnotations:t=[],drawingMode:n,selectedMotivation:h,session:g,hoveredAnnotationId:_,selectedAnnotationId:v,hoverDelayMs:y=150}){let[b,x]=(0,u.useState)(null),[S,C]=(0,u.useState)(0),[w,T]=(0,u.useState)(1),[E,D]=(0,u.useState)(null),[O,k]=(0,u.useState)(!0),[A,j]=(0,u.useState)(null),[M,N]=(0,u.useState)(null),[P,F]=(0,u.useState)(null),[I]=(0,u.useState)(1.5),[L,R]=(0,u.useState)(!1),[z,B]=(0,u.useState)(null),V=(0,u.useRef)(null),H=(0,u.useRef)(null);(0,u.useEffect)(()=>{let t=!1;async function n(){try{k(!0),j(null);let n=await o(e);if(t)return;x(n),C(n.numPages),k(!1)}catch(e){if(t)return;console.error(`Error loading PDF:`,e),j(`Failed to load PDF`),k(!1)}}return n(),()=>{t=!0}},[e]),(0,u.useEffect)(()=>{if(!b)return;let e=!1,t=b;async function n(){try{let n=await t.getPage(w);if(e)return;let r=n.getViewport({scale:1});N({width:r.width,height:r.height});let{dataUrl:i}=await c(n,I);if(e)return;D(i)}catch(t){if(e)return;console.error(`Error loading page:`,t),j(`Failed to load page`)}}return n(),()=>{e=!0}},[b,w,I]),(0,u.useEffect)(()=>{let e=()=>{H.current&&F({width:H.current.clientWidth,height:H.current.clientHeight})};e();let t=null;try{t=new ResizeObserver(e),H.current&&t.observe(H.current)}catch{console.warn(`ResizeObserver not supported, falling back to window resize listener`),window.addEventListener(`resize`,e)}return()=>{t?t.disconnect():window.removeEventListener(`resize`,e)}},[E]);let U=(0,u.useCallback)(e=>{if(!n||!H.current)return;let t=H.current.getBoundingClientRect(),r=e.clientX-t.left,i=e.clientY-t.top;R(!0),B({startX:r,startY:i,endX:r,endY:i})},[n]),W=(0,u.useCallback)(e=>{if(!L||!z||!H.current)return;let t=H.current.getBoundingClientRect();B({...z,endX:e.clientX-t.left,endY:e.clientY-t.top})},[L,z]),G=(0,u.useCallback)(()=>{if(!L||!z||!M||!P||!g){R(!1),B(null);return}if(Math.sqrt((z.endX-z.startX)**2+(z.endY-z.startY)**2)<10){if(t.length>0){let e=q.find(e=>{let t=K(e.target);if(!t)return!1;let n=a(t.value);if(!n)return!1;let r=p(n,M.height,1),i=P.width/M.width,o=P.height/M.height,s=r.x*i,c=r.y*o,l=r.width*i,u=r.height*o;return z.endX>=s&&z.endX<=s+l&&z.endY>=c&&z.endY<=c+u});if(e){g?.client.browse.click(e.id,e.motivation),R(!1),B(null);return}}R(!1),B(null);return}let e=M.width/P.width,n=M.height/P.height,i=r(f({startX:z.startX*e,startY:z.startY*n,endX:z.endX*e,endY:z.endY*n},w,M.width,M.height,1));h&&g.client.mark.request({type:`FragmentSelector`,conformsTo:`http://tools.ietf.org/rfc/rfc3778`,value:i},h),R(!1)},[L,z,w,M,P,h,t]),K=e=>{let t=i(e);if(!t)return null;let n=(Array.isArray(t)?t:[t]).find(e=>e.type===`FragmentSelector`);return!n||n.type!==`FragmentSelector`?null:n},q=t.filter(e=>{let t=K(e.target);return t?s(t.value)===w:!1}),{handleMouseEnter:J,handleMouseLeave:Y}=(0,u.useMemo)(()=>l(e=>g?.client.beckon.hover(e),y),[g,y]),{stroke:X,fill:Z}=m(h??null);return A?(0,d.jsx)(`div`,{className:`semiont-pdf-annotation-canvas__error`,children:A}):(0,d.jsxs)(`div`,{className:`semiont-pdf-annotation-canvas`,children:[O&&(0,d.jsx)(`div`,{className:`semiont-pdf-annotation-canvas__loading`,children:`Loading PDF...`}),(0,d.jsxs)(`div`,{ref:V,className:`semiont-pdf-annotation-canvas__container`,style:{display:O?`none`:void 0},onMouseDown:U,onMouseMove:W,onMouseUp:G,onMouseLeave:()=>{L&&(R(!1),B(null))},"data-drawing-mode":n||`none`,children:[E&&(0,d.jsx)(`img`,{ref:H,src:E,alt:`PDF page ${w}`,className:`semiont-pdf-annotation-canvas__image`,draggable:!1,style:{pointerEvents:`none`},onLoad:()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{H.current&&F({width:H.current.clientWidth,height:H.current.clientHeight})})})}}),P&&M&&(0,d.jsx)(`div`,{className:`semiont-pdf-annotation-canvas__overlay-container`,children:(0,d.jsx)(`div`,{className:`semiont-pdf-annotation-canvas__overlay`,children:(0,d.jsxs)(`svg`,{className:`semiont-pdf-annotation-canvas__svg`,width:P.width,height:P.height,children:[q.map(e=>{let t=K(e.target);if(!t)return null;let n=a(t.value);if(!n)return null;let r=p(n,M.height,1),i=P.width/M.width,o=P.height/M.height,s=e.id===_,c=e.id===v,l=e.motivation,{stroke:u,fill:f}=m(l);return(0,d.jsx)(`rect`,{x:r.x*i,y:r.y*o,width:r.width*i,height:r.height*o,stroke:u,strokeWidth:c?4:s?3:2,fill:f,style:{pointerEvents:`auto`,cursor:`pointer`,opacity:c?1:s?.9:.7},onClick:()=>g?.client.browse.click(e.id,e.motivation),onMouseEnter:()=>J(e.id),onMouseLeave:Y},e.id)}),z&&(0,d.jsx)(`rect`,{x:Math.min(z.startX,z.endX),y:Math.min(z.startY,z.endY),width:Math.abs(z.endX-z.startX),height:Math.abs(z.endY-z.startY),stroke:X,strokeWidth:2,strokeDasharray:`5,5`,fill:Z,pointerEvents:`none`})]})})})]}),S>0&&(0,d.jsxs)(`div`,{className:`semiont-pdf-annotation-canvas__controls`,children:[(0,d.jsx)(`button`,{disabled:w<=1,onClick:()=>T(w-1),className:`semiont-pdf-annotation-canvas__button`,children:`Previous`}),(0,d.jsxs)(`span`,{className:`semiont-pdf-annotation-canvas__page-info`,children:[`Page `,w,` of `,S]}),(0,d.jsx)(`button`,{disabled:w>=S,onClick:()=>T(w+1),className:`semiont-pdf-annotation-canvas__button`,children:`Next`})]})]})}export{h as PdfAnnotationCanvas};
+//# sourceMappingURL=PdfAnnotationCanvas.client-U4EVBZEV-DckcWLqH.js.map

package/dist/frontend/dist/assets/PdfAnnotationCanvas.client-U4EVBZEV-DckcWLqH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfAnnotationCanvas.client-U4EVBZEV-DckcWLqH.js","names":[],"sources":["../../../../packages/react-ui/dist/PdfAnnotationCanvas.client-U4EVBZEV.js"],"sourcesContent":["'use client';\n\"use client\";\nimport {\n  loadPdfDocument,\n  renderPdfPageToDataUrl\n} from \"./chunk-O2MD7TGE.js\";\nimport \"./chunk-YBGN4ACY.js\";\n\n// src/components/pdf-annotation/PdfAnnotationCanvas.tsx\nimport { useRef, useState, useCallback, useEffect, useMemo } from \"react\";\nimport {\n  getTargetSelector,\n  createFragmentSelector,\n  parseFragmentSelector,\n  getPageFromFragment\n} from \"@semiont/core\";\nimport { createHoverHandlers } from \"@semiont/sdk\";\n\n// src/lib/pdf-coordinates.ts\nfunction canvasToPdfCoordinates(canvasRect, page, _pageWidth, pageHeight, scale = 1) {\n  const x1 = Math.min(canvasRect.startX, canvasRect.endX);\n  const y1 = Math.min(canvasRect.startY, canvasRect.endY);\n  const x2 = Math.max(canvasRect.startX, canvasRect.endX);\n  const y2 = Math.max(canvasRect.startY, canvasRect.endY);\n  const pdfX = x1 / scale;\n  const pdfWidth = (x2 - x1) / scale;\n  const pdfY = pageHeight - y2 / scale;\n  const pdfHeight = (y2 - y1) / scale;\n  return {\n    page,\n    x: Math.round(pdfX),\n    y: Math.round(pdfY),\n    width: Math.round(pdfWidth),\n    height: Math.round(pdfHeight)\n  };\n}\nfunction pdfToCanvasCoordinates(pdfCoord, pageHeight, scale = 1) {\n  const canvasX = pdfCoord.x * scale;\n  const canvasWidth = pdfCoord.width * scale;\n  const canvasY = (pageHeight - pdfCoord.y - pdfCoord.height) * scale;\n  const canvasHeight = pdfCoord.height * scale;\n  return {\n    x: canvasX,\n    y: canvasY,\n    width: canvasWidth,\n    height: canvasHeight\n  };\n}\n\n// src/components/pdf-annotation/PdfAnnotationCanvas.tsx\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction getMotivationColor(motivation) {\n  if (!motivation) {\n    return { stroke: \"rgb(156, 163, 175)\", fill: \"rgba(156, 163, 175, 0.2)\" };\n  }\n  switch (motivation) {\n    case \"highlighting\":\n      return { stroke: \"rgb(250, 204, 21)\", fill: \"rgba(250, 204, 21, 0.3)\" };\n    case \"linking\":\n      return { stroke: \"rgb(59, 130, 246)\", fill: \"rgba(59, 130, 246, 0.2)\" };\n    case \"assessing\":\n      return { stroke: \"rgb(239, 68, 68)\", fill: \"rgba(239, 68, 68, 0.2)\" };\n    case \"commenting\":\n      return { stroke: \"rgb(255, 255, 255)\", fill: \"rgba(255, 255, 255, 0.2)\" };\n    default:\n      return { stroke: \"rgb(156, 163, 175)\", fill: \"rgba(156, 163, 175, 0.2)\" };\n  }\n}\nfunction PdfAnnotationCanvas({\n  pdfUrl,\n  existingAnnotations = [],\n  drawingMode,\n  selectedMotivation,\n  session,\n  hoveredAnnotationId,\n  selectedAnnotationId,\n  hoverDelayMs = 150\n}) {\n  const [pdfDoc, setPdfDoc] = useState(null);\n  const [numPages, setNumPages] = useState(0);\n  const [pageNumber, setPageNumber] = useState(1);\n  const [pageImageUrl, setPageImageUrl] = useState(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState(null);\n  const [pageDimensions, setPageDimensions] = useState(null);\n  const [displayDimensions, setDisplayDimensions] = useState(null);\n  const [scale] = useState(1.5);\n  const [isDrawing, setIsDrawing] = useState(false);\n  const [selection, setSelection] = useState(null);\n  const containerRef = useRef(null);\n  const imageRef = useRef(null);\n  useEffect(() => {\n    let cancelled = false;\n    async function loadPdf() {\n      try {\n        setIsLoading(true);\n        setError(null);\n        const doc = await loadPdfDocument(pdfUrl);\n        if (cancelled) return;\n        setPdfDoc(doc);\n        setNumPages(doc.numPages);\n        setIsLoading(false);\n      } catch (err) {\n        if (cancelled) return;\n        console.error(\"Error loading PDF:\", err);\n        setError(\"Failed to load PDF\");\n        setIsLoading(false);\n      }\n    }\n    loadPdf();\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl]);\n  useEffect(() => {\n    if (!pdfDoc) return;\n    let cancelled = false;\n    const doc = pdfDoc;\n    async function loadPage() {\n      try {\n        const page = await doc.getPage(pageNumber);\n        if (cancelled) return;\n        const viewport = page.getViewport({ scale: 1 });\n        setPageDimensions({\n          width: viewport.width,\n          height: viewport.height\n        });\n        const { dataUrl } = await renderPdfPageToDataUrl(page, scale);\n        if (cancelled) return;\n        setPageImageUrl(dataUrl);\n      } catch (err) {\n        if (cancelled) return;\n        console.error(\"Error loading page:\", err);\n        setError(\"Failed to load page\");\n      }\n    }\n    loadPage();\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDoc, pageNumber, scale]);\n  useEffect(() => {\n    const updateDisplayDimensions = () => {\n      if (imageRef.current) {\n        setDisplayDimensions({\n          width: imageRef.current.clientWidth,\n          height: imageRef.current.clientHeight\n        });\n      }\n    };\n    updateDisplayDimensions();\n    let resizeObserver = null;\n    try {\n      resizeObserver = new ResizeObserver(updateDisplayDimensions);\n      if (imageRef.current) {\n        resizeObserver.observe(imageRef.current);\n      }\n    } catch (error2) {\n      console.warn(\"ResizeObserver not supported, falling back to window resize listener\");\n      window.addEventListener(\"resize\", updateDisplayDimensions);\n    }\n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n      } else {\n        window.removeEventListener(\"resize\", updateDisplayDimensions);\n      }\n    };\n  }, [pageImageUrl]);\n  const handleMouseDown = useCallback((e) => {\n    if (!drawingMode) return;\n    if (!imageRef.current) return;\n    const rect = imageRef.current.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    setIsDrawing(true);\n    setSelection({\n      startX: x,\n      startY: y,\n      endX: x,\n      endY: y\n    });\n  }, [drawingMode]);\n  const handleMouseMove = useCallback((e) => {\n    if (!isDrawing || !selection || !imageRef.current) return;\n    const rect = imageRef.current.getBoundingClientRect();\n    setSelection({\n      ...selection,\n      endX: e.clientX - rect.left,\n      endY: e.clientY - rect.top\n    });\n  }, [isDrawing, selection]);\n  const handleMouseUp = useCallback(() => {\n    if (!isDrawing || !selection || !pageDimensions || !displayDimensions || !session) {\n      setIsDrawing(false);\n      setSelection(null);\n      return;\n    }\n    const dragDistance = Math.sqrt(\n      Math.pow(selection.endX - selection.startX, 2) + Math.pow(selection.endY - selection.startY, 2)\n    );\n    const MIN_DRAG_DISTANCE = 10;\n    if (dragDistance < MIN_DRAG_DISTANCE) {\n      if (existingAnnotations.length > 0) {\n        const clickedAnnotation = pageAnnotations.find((ann) => {\n          const fragmentSel = getFragmentSelector(ann.target);\n          if (!fragmentSel) return false;\n          const pdfCoord2 = parseFragmentSelector(fragmentSel.value);\n          if (!pdfCoord2) return false;\n          const rect = pdfToCanvasCoordinates(pdfCoord2, pageDimensions.height, 1);\n          const scaleX2 = displayDimensions.width / pageDimensions.width;\n          const scaleY2 = displayDimensions.height / pageDimensions.height;\n          const displayX = rect.x * scaleX2;\n          const displayY = rect.y * scaleY2;\n          const displayWidth = rect.width * scaleX2;\n          const displayHeight = rect.height * scaleY2;\n          return selection.endX >= displayX && selection.endX <= displayX + displayWidth && selection.endY >= displayY && selection.endY <= displayY + displayHeight;\n        });\n        if (clickedAnnotation) {\n          session?.client.browse.click(clickedAnnotation.id, clickedAnnotation.motivation);\n          setIsDrawing(false);\n          setSelection(null);\n          return;\n        }\n      }\n      setIsDrawing(false);\n      setSelection(null);\n      return;\n    }\n    const scaleX = pageDimensions.width / displayDimensions.width;\n    const scaleY = pageDimensions.height / displayDimensions.height;\n    const nativeSelection = {\n      startX: selection.startX * scaleX,\n      startY: selection.startY * scaleY,\n      endX: selection.endX * scaleX,\n      endY: selection.endY * scaleY\n    };\n    const pdfCoord = canvasToPdfCoordinates(\n      nativeSelection,\n      pageNumber,\n      pageDimensions.width,\n      pageDimensions.height,\n      1\n      // Use scale 1.0 since we already scaled to native coords\n    );\n    const fragmentSelector = createFragmentSelector(pdfCoord);\n    if (selectedMotivation) {\n      session.client.mark.request(\n        {\n          type: \"FragmentSelector\",\n          conformsTo: \"http://tools.ietf.org/rfc/rfc3778\",\n          value: fragmentSelector\n        },\n        selectedMotivation\n      );\n    }\n    setIsDrawing(false);\n  }, [isDrawing, selection, pageNumber, pageDimensions, displayDimensions, selectedMotivation, existingAnnotations]);\n  const getFragmentSelector = (target) => {\n    const selector = getTargetSelector(target);\n    if (!selector) return null;\n    const selectors = Array.isArray(selector) ? selector : [selector];\n    const found = selectors.find((s) => s.type === \"FragmentSelector\");\n    if (!found || found.type !== \"FragmentSelector\") return null;\n    return found;\n  };\n  const pageAnnotations = existingAnnotations.filter((ann) => {\n    const fragmentSel = getFragmentSelector(ann.target);\n    if (!fragmentSel) return false;\n    const page = getPageFromFragment(fragmentSel.value);\n    return page === pageNumber;\n  });\n  const { handleMouseEnter, handleMouseLeave } = useMemo(\n    () => createHoverHandlers((id) => session?.client.beckon.hover(id), hoverDelayMs),\n    [session, hoverDelayMs]\n  );\n  const { stroke, fill } = getMotivationColor(selectedMotivation ?? null);\n  if (error) {\n    return /* @__PURE__ */ jsx(\"div\", { className: \"semiont-pdf-annotation-canvas__error\", children: error });\n  }\n  return /* @__PURE__ */ jsxs(\"div\", { className: \"semiont-pdf-annotation-canvas\", children: [\n    isLoading && /* @__PURE__ */ jsx(\"div\", { className: \"semiont-pdf-annotation-canvas__loading\", children: \"Loading PDF...\" }),\n    /* @__PURE__ */ jsxs(\n      \"div\",\n      {\n        ref: containerRef,\n        className: \"semiont-pdf-annotation-canvas__container\",\n        style: { display: isLoading ? \"none\" : void 0 },\n        onMouseDown: handleMouseDown,\n        onMouseMove: handleMouseMove,\n        onMouseUp: handleMouseUp,\n        onMouseLeave: () => {\n          if (isDrawing) {\n            setIsDrawing(false);\n            setSelection(null);\n          }\n        },\n        \"data-drawing-mode\": drawingMode || \"none\",\n        children: [\n          pageImageUrl && /* @__PURE__ */ jsx(\n            \"img\",\n            {\n              ref: imageRef,\n              src: pageImageUrl,\n              alt: `PDF page ${pageNumber}`,\n              className: \"semiont-pdf-annotation-canvas__image\",\n              draggable: false,\n              style: { pointerEvents: \"none\" },\n              onLoad: () => {\n                requestAnimationFrame(() => {\n                  requestAnimationFrame(() => {\n                    if (imageRef.current) {\n                      setDisplayDimensions({\n                        width: imageRef.current.clientWidth,\n                        height: imageRef.current.clientHeight\n                      });\n                    }\n                  });\n                });\n              }\n            }\n          ),\n          displayDimensions && pageDimensions && /* @__PURE__ */ jsx(\"div\", { className: \"semiont-pdf-annotation-canvas__overlay-container\", children: /* @__PURE__ */ jsx(\"div\", { className: \"semiont-pdf-annotation-canvas__overlay\", children: /* @__PURE__ */ jsxs(\n            \"svg\",\n            {\n              className: \"semiont-pdf-annotation-canvas__svg\",\n              width: displayDimensions.width,\n              height: displayDimensions.height,\n              children: [\n                pageAnnotations.map((ann) => {\n                  const fragmentSel = getFragmentSelector(ann.target);\n                  if (!fragmentSel) return null;\n                  const pdfCoord = parseFragmentSelector(fragmentSel.value);\n                  if (!pdfCoord) return null;\n                  const rect = pdfToCanvasCoordinates(pdfCoord, pageDimensions.height, 1);\n                  const scaleX = displayDimensions.width / pageDimensions.width;\n                  const scaleY = displayDimensions.height / pageDimensions.height;\n                  const isHovered = ann.id === hoveredAnnotationId;\n                  const isSelected = ann.id === selectedAnnotationId;\n                  const annMotivation = ann.motivation;\n                  const { stroke: annStroke, fill: annFill } = getMotivationColor(annMotivation);\n                  return /* @__PURE__ */ jsx(\n                    \"rect\",\n                    {\n                      x: rect.x * scaleX,\n                      y: rect.y * scaleY,\n                      width: rect.width * scaleX,\n                      height: rect.height * scaleY,\n                      stroke: annStroke,\n                      strokeWidth: isSelected ? 4 : isHovered ? 3 : 2,\n                      fill: annFill,\n                      style: {\n                        pointerEvents: \"auto\",\n                        cursor: \"pointer\",\n                        opacity: isSelected ? 1 : isHovered ? 0.9 : 0.7\n                      },\n                      onClick: () => session?.client.browse.click(ann.id, ann.motivation),\n                      onMouseEnter: () => handleMouseEnter(ann.id),\n                      onMouseLeave: handleMouseLeave\n                    },\n                    ann.id\n                  );\n                }),\n                selection && (() => {\n                  const rectX = Math.min(selection.startX, selection.endX);\n                  const rectY = Math.min(selection.startY, selection.endY);\n                  const rectWidth = Math.abs(selection.endX - selection.startX);\n                  const rectHeight = Math.abs(selection.endY - selection.startY);\n                  return /* @__PURE__ */ jsx(\n                    \"rect\",\n                    {\n                      x: rectX,\n                      y: rectY,\n                      width: rectWidth,\n                      height: rectHeight,\n                      stroke,\n                      strokeWidth: 2,\n                      strokeDasharray: \"5,5\",\n                      fill,\n                      pointerEvents: \"none\"\n                    }\n                  );\n                })()\n              ]\n            }\n          ) }) })\n        ]\n      }\n    ),\n    numPages > 0 && /* @__PURE__ */ jsxs(\"div\", { className: \"semiont-pdf-annotation-canvas__controls\", children: [\n      /* @__PURE__ */ jsx(\n        \"button\",\n        {\n          disabled: pageNumber <= 1,\n          onClick: () => setPageNumber(pageNumber - 1),\n          className: \"semiont-pdf-annotation-canvas__button\",\n          children: \"Previous\"\n        }\n      ),\n      /* @__PURE__ */ jsxs(\"span\", { className: \"semiont-pdf-annotation-canvas__page-info\", children: [\n        \"Page \",\n        pageNumber,\n        \" of \",\n        numPages\n      ] }),\n      /* @__PURE__ */ jsx(\n        \"button\",\n        {\n          disabled: pageNumber >= numPages,\n          onClick: () => setPageNumber(pageNumber + 1),\n          className: \"semiont-pdf-annotation-canvas__button\",\n          children: \"Next\"\n        }\n      )\n    ] })\n  ] });\n}\nexport {\n  PdfAnnotationCanvas\n};\n//# sourceMappingURL=PdfAnnotationCanvas.client-U4EVBZEV.js.map"],"mappings":"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"}

package/dist/frontend/dist/assets/{ToolbarPanels-NRWKiMDt.js → ToolbarPanels-Caol-m4o.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t,t as n}from"./i18n-X0oNIUcF.js";import{t as r}from"./vendor-Bd-5Ya9C.js";import{$ as i,E as a,G as o,J as s,K as c,Q as l,U as u,Y as d,_ as f,dt as p,et as m,ft as h,kt as g,lt as _,mt as v,nt as y,o as b,pt as x,st as S}from"./index-4ZdXX6QX.js";import{n as C,t as w}from"./XMarkIcon-D1vU4NLc.js";import{i as T,n as E,r as D}from"./routing-CfZBmnyE.js";var O=e(t());function k({title:e,titleId:t,...n},r){return O.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9`}))}var A=O.forwardRef(k);function j({title:e,titleId:t,...n},r){return O.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`m4.5 12.75 6 6 9-13.5`}))}var M=O.forwardRef(j);function N({title:e,titleId:t,...n},r){return O.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M12 4.5v15m7.5-7.5h-15`}))}var P=O.forwardRef(N),F=r(),I=`data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM2QjcyODAiLz4KPHBhdGggZD0iTTE2IDE2QzE4LjIwOTEgMTYgMjAgMTQuMjA5MSAyMCAxMkMyMCA5Ljc5MDg2IDE4LjIwOTEgOCAxNiA4QzEzLjc5MDkgOCAxMiA5Ljc5MDg2IDEyIDEyQzEyIDE0LjIwOTEgMTMuNzkwOSAxNiAxNiAxNloiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI0IDI1QzI0IDIxLjY4NjMgMjAuNDE4MyAxOSAxNiAxOUMxMS41ODE3IDE5IDggMjEuNjg2MyA4IDI1IiBzdHJva2U9IiNFNUU3RUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==`;function L(){let{t:e}=n(),t=(t,n)=>e(`UserPanel.${t}`,n),r=S(),i=l(r.activeSession$),a=l(i?.user$)??null,s=i?.kb??null,d=a?.name??a?.email?.split(`@`)[0]??`User`,f=a?.image??null,p=a?.domain||a?.email?.split(`@`)[1],h=a?.isAdmin??!1,g=a?.isModerator??!1,_=i?.client,v=y(()=>u(_)),b=T(),[x,C]=(0,O.useState)(!1),{timeRemaining:w}=m(),E=o(w)??`Unknown`,D=!f||x?I:c(f)||(console.warn(`Invalid profile image URL detected, using fallback`),I);return(0,F.jsxs)(`div`,{className:`semiont-user-panel`,children:[(0,F.jsx)(`h3`,{className:`semiont-user-panel__title`,children:t(`account`)}),s&&(0,F.jsx)(`div`,{style:{padding:`0 0.75rem 0.5rem`,fontSize:`0.8rem`,color:`var(--semiont-color-neutral-400)`},children:s.label}),(0,F.jsxs)(`div`,{className:`space-y-4`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,F.jsx)(`img`,{src:D,alt:t(`profileAlt`,{name:d||t(`user`)}),width:48,height:48,className:`w-12 h-12 rounded-full object-cover`,onError:()=>C(!0)}),(0,F.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,F.jsx)(`div`,{className:`semiont-panel-text`,children:d||t(`user`)}),p&&(0,F.jsxs)(`div`,{className:`semiont-panel-text-secondary`,children:[`@`,p]})]})]}),(0,F.jsxs)(`div`,{children:[(0,F.jsx)(`label`,{className:`semiont-panel-label`,children:t(`session`)}),(0,F.jsx)(`div`,{className:`semiont-session-box`,children:(0,F.jsx)(`div`,{className:`semiont-panel-hint`,children:t(`expiresIn`,{time:E})})})]}),(h||g)&&(0,F.jsxs)(`div`,{children:[(0,F.jsx)(`label`,{className:`semiont-panel-label`,children:t(`privileges`)}),(0,F.jsxs)(`div`,{className:`space-y-1`,children:[h&&(0,F.jsx)(`div`,{className:`semiont-privilege-badge semiont-privilege-badge--admin`,children:(0,F.jsx)(`span`,{className:`semiont-privilege-text`,children:t(`administrator`)})}),g&&(0,F.jsx)(`div`,{className:`semiont-privilege-badge semiont-privilege-badge--moderator`,children:(0,F.jsx)(`span`,{className:`semiont-privilege-text`,children:t(`moderator`)})})]})]}),(0,F.jsx)(`div`,{className:`semiont-panel-divider`,children:(0,F.jsx)(`button`,{onClick:async()=>{await v.logout(),s&&await r.signOut(s.id),b.push(`/`)},className:`semiont-signout-button`,children:t(`signOut`)})})]})]})}var R={authenticated:`var(--semiont-color-success-500, #22c55e)`,expired:`var(--semiont-color-warning-500, #eab308)`,"signed-out":`var(--semiont-color-neutral-400, #9ca3af)`,unreachable:`var(--semiont-color-error-500, #ef4444)`},z={authenticated:`statusConnected`,expired:`statusExpired`,"signed-out":`statusSignedOut`,unreachable:`statusUnreachable`};function B({status:e,t}){return(0,F.jsx)(`span`,{title:t(z[e]),style:{width:`0.5rem`,height:`0.5rem`,borderRadius:`50%`,backgroundColor:R[e],flexShrink:0}})}function V({t:e,onSubmit:t,onCancel:n,error:r,isSubmitting:i,autoFocus:a,pulsing:o,initialHost:s=`localhost`,initialPort:c=4e3,initialEmail:l=`admin@example.com`}){let[u,d]=(0,O.useState)(s),[f,m]=(0,O.useState)(String(c)),[g,_]=(0,O.useState)(p(s)),[v,y]=(0,O.useState)(l),[b,x]=(0,O.useState)(``),S=e=>{d(e),_(p(e))};return(0,F.jsxs)(`div`,{className:o?`semiont-panel__login-form--pulsing`:``,style:{margin:`0.5rem`,padding:`0.75rem`,border:`1px solid var(--semiont-color-neutral-200, #e5e7eb)`,borderRadius:`var(--semiont-panel-border-radius, 0.5rem)`,background:`var(--semiont-bg-secondary, transparent)`},children:[(0,F.jsx)(`h3`,{style:{fontSize:`0.8rem`,fontWeight:600,marginBottom:`0.5rem`},children:e(`connectTitle`)}),(0,F.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),h(u)&&t(u,parseInt(f,10)||4e3,g,v,b)},style:{display:`flex`,flexDirection:`column`,gap:`0.5rem`},children:[(0,F.jsxs)(`select`,{value:g,onChange:e=>_(e.target.value),className:`semiont-input`,children:[(0,F.jsx)(`option`,{value:`http`,children:`HTTP`}),(0,F.jsx)(`option`,{value:`https`,children:`HTTPS`})]}),(0,F.jsx)(`input`,{type:`text`,value:u,onChange:e=>S(e.target.value),placeholder:`Host`,className:`semiont-input`,autoFocus:a}),(0,F.jsx)(`input`,{type:`number`,value:f,onChange:e=>m(e.target.value),placeholder:`Port`,className:`semiont-input`}),u&&!h(u)&&(0,F.jsx)(`div`,{style:{color:`var(--semiont-color-error-500, #ef4444)`,fontSize:`0.75rem`},children:e(`invalidHost`)}),(0,F.jsx)(`input`,{type:`email`,value:v,onChange:e=>y(e.target.value),placeholder:`Email`,className:`semiont-input`}),(0,F.jsx)(`input`,{type:`password`,value:b,onChange:e=>x(e.target.value),placeholder:`Password`,className:`semiont-input`}),r&&(0,F.jsx)(`div`,{style:{color:`var(--semiont-color-error-500, #ef4444)`,fontSize:`0.75rem`},children:r}),(0,F.jsxs)(`div`,{style:{display:`flex`,gap:`0.5rem`},children:[(0,F.jsx)(`button`,{type:`submit`,className:`semiont-button semiont-button--primary`,style:{flex:1},disabled:i||!h(u),children:e(i?`connecting`:`connect`)}),(0,F.jsx)(`button`,{type:`button`,className:`semiont-button`,onClick:n,children:(0,F.jsx)(w,{style:{width:`1rem`,height:`1rem`}})})]})]})]})}function H({t:e,kb:t,onSubmit:n,onCancel:r,error:i,isSubmitting:a}){let[o,s]=(0,O.useState)(``);return(0,F.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),n(o)},style:{padding:`0.5rem 0.75rem`,display:`flex`,flexDirection:`column`,gap:`0.375rem`},children:[(0,F.jsx)(`div`,{style:{fontSize:`0.75rem`,color:`var(--semiont-color-neutral-400)`},children:t.email}),(0,F.jsx)(`input`,{type:`password`,value:o,onChange:e=>s(e.target.value),placeholder:`Password`,className:`semiont-input`,style:{fontSize:`0.8rem`},autoFocus:!0}),i&&(0,F.jsx)(`div`,{style:{color:`var(--semiont-color-error-500, #ef4444)`,fontSize:`0.75rem`},children:i}),(0,F.jsxs)(`div`,{style:{display:`flex`,gap:`0.375rem`},children:[(0,F.jsx)(`button`,{type:`submit`,className:`semiont-button semiont-button--primary`,style:{flex:1,fontSize:`0.8rem`},disabled:a,children:e(a?`signingIn`:`signIn`)}),(0,F.jsx)(`button`,{type:`button`,className:`semiont-button`,onClick:r,style:{fontSize:`0.8rem`},children:e(`cancel`)})]})]})}async function U(e,t,n,r,i){let a=new v({baseUrl:g(`${n}://${e}:${t}`)}),o=new _(a,new x(a),a),s=await o.auth.password(r,i),c=s.token??s.accessToken,l=s.refreshToken;if(!c)throw Error(`No access token received`);if(!l)throw Error(`No refresh token received`);let u=`${e}:${t}`,d;try{let e=await o.admin.status();e.projectName&&(u=e.projectName),e.gitBranch&&(d=e.gitBranch)}catch{}return{token:c,refreshToken:l,label:u,...d?{gitBranch:d}:{}}}function W(){let{t:e}=n(),t=(t,n)=>e(`KnowledgeBasePanel.${t}`,n),r=S(),i=l(r.kbs$)??[],a=l(r.activeSession$)?.kb??null,o=e=>{r.setActiveKb(e)},s=r.addKb.bind(r),c=r.removeKb.bind(r),u=r.updateKb.bind(r),d=(e,t,n)=>{r.signIn(e,t,n)},f=e=>{r.signOut(e)},[p,m]=(0,O.useState)(!1),[h,g]=(0,O.useState)(null),[_,v]=(0,O.useState)(!1),[y,b]=(0,O.useState)(null),[x,w]=(0,O.useState)(null),[T,E]=(0,O.useState)(!1),[D,k]=(0,O.useState)(null),[,j]=(0,O.useState)(0);(0,O.useEffect)(()=>{i.length===0&&m(!0)},[i.length]),(0,O.useEffect)(()=>{let e=setInterval(()=>j(e=>e+1),3e4);return()=>clearInterval(e)},[]);let N=()=>{m(!0),b(null),g(null)},I=async(e,t,n,r,a)=>{g(null),v(!0);let o=i.find(n=>n.endpoint.kind===`http`&&n.endpoint.host===e&&n.endpoint.port===t);if(o){try{let{token:i,refreshToken:s,gitBranch:c}=await U(e,t,n,r,a);u(o.id,{...c?{gitBranch:c}:{}}),d(o.id,i,s),m(!1)}catch(e){g(e instanceof Error?e.message:String(e))}finally{v(!1)}return}try{let{token:i,refreshToken:o,label:c,gitBranch:l}=await U(e,t,n,r,a);s({label:c,email:r,endpoint:{kind:`http`,host:e,port:t,protocol:n},...l?{gitBranch:l}:{}},i,o),m(!1)}catch(e){g(e instanceof Error?e.message:String(e))}finally{v(!1)}},L=async(e,t)=>{let n=i.find(t=>t.id===e);if(n){if(w(null),E(!0),n.endpoint.kind!==`http`){w(`Re-auth is HTTP-only; KB endpoint kind "${n.endpoint.kind}" is not supported here.`),E(!1);return}try{let{token:r,refreshToken:i,label:a,gitBranch:o}=await U(n.endpoint.host,n.endpoint.port,n.endpoint.protocol,n.email,t);u(e,{label:a,...o?{gitBranch:o}:{}}),d(e,r,i),b(null)}catch(e){w(e instanceof Error?e.message:String(e))}finally{E(!1)}}},R=e=>{r.getKbSessionStatus(e.id)===`authenticated`?o(e.id):(b(e.id),m(!1),w(null))};return(0,F.jsxs)(`div`,{className:`semiont-panel`,children:[(0,F.jsx)(`div`,{className:`semiont-panel-header`,children:(0,F.jsxs)(`h2`,{className:`semiont-panel-header__title`,children:[(0,F.jsx)(`span`,{className:`semiont-panel-header__text`,children:t(`title`)}),(0,F.jsxs)(`span`,{className:`semiont-panel-header__count`,children:[`(`,i.length,`)`]})]})}),(0,F.jsxs)(`div`,{className:`semiont-panel__content`,children:[(0,F.jsx)(`div`,{className:`semiont-panel__list`,children:i.map(e=>{let n=r.getKbSessionStatus(e.id),i=e.id===a?.id,o=y===e.id;return(0,F.jsxs)(`div`,{children:[(0,F.jsxs)(`div`,{className:`semiont-panel-item semiont-panel-item--clickable${i?` semiont-panel-item--selected`:``}`,style:{display:`flex`,flexDirection:`column`,gap:`0.25rem`,cursor:`pointer`,padding:`0.5rem 0.75rem`},onClick:()=>R(e),children:[(0,F.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`0.5rem`},children:[(0,F.jsx)(B,{status:n,t}),(0,F.jsx)(`span`,{className:`semiont-panel-text`,style:{flex:1,fontWeight:500},children:e.label}),i&&(0,F.jsx)(M,{style:{width:`1rem`,height:`1rem`,color:`var(--semiont-color-primary-500)`,flexShrink:0}}),n===`authenticated`&&(0,F.jsx)(`button`,{onClick:t=>{t.stopPropagation(),f(e.id)},title:t(`signOut`),style:{background:`none`,border:`none`,cursor:`pointer`,padding:`0.125rem`,color:`var(--semiont-color-neutral-400)`},children:(0,F.jsx)(A,{style:{width:`0.875rem`,height:`0.875rem`}})}),(0,F.jsx)(`button`,{onClick:t=>{t.stopPropagation(),k(e.id)},title:t(`remove`),style:{background:`none`,border:`none`,cursor:`pointer`,padding:`0.125rem`,color:`var(--semiont-color-neutral-400)`},children:(0,F.jsx)(C,{style:{width:`0.875rem`,height:`0.875rem`}})})]}),(0,F.jsxs)(`span`,{className:`semiont-panel-text-secondary`,style:{fontSize:`0.7rem`,paddingLeft:`1rem`},children:[e.endpoint.kind===`http`?`${e.endpoint.host}:${e.endpoint.port}`:`local:${e.endpoint.kbId}`,e.gitBranch?` · ${e.gitBranch}`:``]})]}),D===e.id&&(0,F.jsxs)(`div`,{style:{padding:`0.5rem 0.75rem`,fontSize:`0.8rem`,display:`flex`,alignItems:`center`,gap:`0.5rem`,background:`var(--semiont-bg-secondary, #f9fafb)`,borderBottom:`1px solid var(--semiont-color-neutral-200, #e5e7eb)`},children:[(0,F.jsx)(`span`,{style:{flex:1,color:`var(--semiont-color-neutral-500)`},children:t(`removeConfirm`,{label:e.label})}),(0,F.jsx)(`button`,{onClick:()=>{c(e.id),k(null)},className:`semiont-button`,style:{fontSize:`0.75rem`,padding:`0.2rem 0.5rem`,color:`var(--semiont-color-error-500, #ef4444)`},children:t(`remove`)}),(0,F.jsx)(`button`,{onClick:()=>k(null),className:`semiont-button`,style:{fontSize:`0.75rem`,padding:`0.2rem 0.5rem`},children:t(`cancel`)})]}),o&&(0,F.jsx)(H,{t,kb:e,onSubmit:t=>L(e.id,t),onCancel:()=>b(null),error:x,isSubmitting:T})]},e.id)})}),p&&(0,F.jsx)(V,{t,onSubmit:I,onCancel:()=>m(!1),error:h,isSubmitting:_,autoFocus:i.length===0,pulsing:i.length===0})]}),!p&&(0,F.jsx)(`div`,{className:`semiont-panel-footer`,children:(0,F.jsxs)(`button`,{onClick:N,className:`semiont-panel-item semiont-panel-item--clickable`,style:{width:`100%`,display:`flex`,alignItems:`center`,gap:`0.5rem`,color:`var(--semiont-color-primary-600)`},children:[(0,F.jsx)(P,{style:{width:`1rem`,height:`1rem`,flexShrink:0}}),(0,F.jsx)(`span`,{className:`semiont-panel-text`,style:{color:`inherit`},children:t(`addKnowledgeBase`)})]})})]})}function G({activePanel:e,theme:t,showLineNumbers:r,children:o}){let{hoverDelayMs:c}=d(),{t:u}=n(),p=!!l(l(S().activeSession$)?.user$),m=E(),h=T(),g=D(),[_,v]=(0,O.useTransition)(),{width:y,setWidth:x,minWidth:C,maxWidth:w}=i();return s({"settings:locale-changed":(0,O.useCallback)(({locale:e})=>{g&&v(()=>{h.replace(g,{locale:e})})},[g,h,v])}),!e||!o&&!b.includes(e)?null:(0,F.jsxs)(`div`,{className:`semiont-toolbar-panels`,style:{width:`${y}px`,position:`relative`},children:[(0,F.jsx)(f,{onResize:x,minWidth:C,maxWidth:w,position:`left`,ariaLabel:`Resize right panel`}),(0,F.jsxs)(`div`,{className:`semiont-toolbar-panels__content`,children:[o,e===`knowledge-base`&&(0,F.jsx)(W,{}),e===`user`&&(p?(0,F.jsx)(L,{}):(0,F.jsxs)(`div`,{className:`semiont-panel`,children:[(0,F.jsx)(`div`,{className:`semiont-panel-header`,children:(0,F.jsx)(`h2`,{className:`semiont-panel-header__title`,children:(0,F.jsx)(`span`,{className:`semiont-panel-header__text`,children:u(`UserPanel.account`)})})}),(0,F.jsx)(`div`,{className:`semiont-panel__content`,style:{padding:`1rem`,textAlign:`center`},children:(0,F.jsx)(`p`,{style:{color:`var(--semiont-color-neutral-400)`,fontSize:`0.85rem`,lineHeight:1.5},children:u(`AccountPanel.notAuthenticated`)})})]})),e===`settings`&&(0,F.jsx)(a,{showLineNumbers:r,theme:t,hoverDelayMs:c,locale:m,isPendingLocaleChange:_})]})]})}export{P as n,G as t};
-//# sourceMappingURL=ToolbarPanels-NRWKiMDt.js.map
+import{n as e}from"./rolldown-runtime-Bh1tDfsg.js";import{i as t,t as n}from"./i18n-X0oNIUcF.js";import{t as r}from"./vendor-Bd-5Ya9C.js";import{$ as i,E as a,G as o,J as s,K as c,Q as l,U as u,Y as d,_ as f,dt as p,et as m,ft as h,kt as g,lt as _,mt as v,nt as y,o as b,pt as x,st as S}from"./index-CbpNJW-y.js";import{n as C,t as w}from"./XMarkIcon-D1vU4NLc.js";import{i as T,n as E,r as D}from"./routing-B7nppFJ0.js";var O=e(t());function k({title:e,titleId:t,...n},r){return O.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9`}))}var A=O.forwardRef(k);function j({title:e,titleId:t,...n},r){return O.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`m4.5 12.75 6 6 9-13.5`}))}var M=O.forwardRef(j);function N({title:e,titleId:t,...n},r){return O.createElement(`svg`,Object.assign({xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,"aria-hidden":`true`,"data-slot":`icon`,ref:r,"aria-labelledby":t},n),e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M12 4.5v15m7.5-7.5h-15`}))}var P=O.forwardRef(N),F=r(),I=`data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM2QjcyODAiLz4KPHBhdGggZD0iTTE2IDE2QzE4LjIwOTEgMTYgMjAgMTQuMjA5MSAyMCAxMkMyMCA5Ljc5MDg2IDE4LjIwOTEgOCAxNiA4QzEzLjc5MDkgOCAxMiA5Ljc5MDg2IDEyIDEyQzEyIDE0LjIwOTEgMTMuNzkwOSAxNiAxNiAxNloiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI0IDI1QzI0IDIxLjY4NjMgMjAuNDE4MyAxOSAxNiAxOUMxMS41ODE3IDE5IDggMjEuNjg2MyA4IDI1IiBzdHJva2U9IiNFNUU3RUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==`;function L(){let{t:e}=n(),t=(t,n)=>e(`UserPanel.${t}`,n),r=S(),i=l(r.activeSession$),a=l(i?.user$)??null,s=i?.kb??null,d=a?.name??a?.email?.split(`@`)[0]??`User`,f=a?.image??null,p=a?.domain||a?.email?.split(`@`)[1],h=a?.isAdmin??!1,g=a?.isModerator??!1,_=i?.client,v=y(()=>u(_)),b=T(),[x,C]=(0,O.useState)(!1),{timeRemaining:w}=m(),E=o(w)??`Unknown`,D=!f||x?I:c(f)||(console.warn(`Invalid profile image URL detected, using fallback`),I);return(0,F.jsxs)(`div`,{className:`semiont-user-panel`,children:[(0,F.jsx)(`h3`,{className:`semiont-user-panel__title`,children:t(`account`)}),s&&(0,F.jsx)(`div`,{style:{padding:`0 0.75rem 0.5rem`,fontSize:`0.8rem`,color:`var(--semiont-color-neutral-400)`},children:s.label}),(0,F.jsxs)(`div`,{className:`space-y-4`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,F.jsx)(`img`,{src:D,alt:t(`profileAlt`,{name:d||t(`user`)}),width:48,height:48,className:`w-12 h-12 rounded-full object-cover`,onError:()=>C(!0)}),(0,F.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,F.jsx)(`div`,{className:`semiont-panel-text`,children:d||t(`user`)}),p&&(0,F.jsxs)(`div`,{className:`semiont-panel-text-secondary`,children:[`@`,p]})]})]}),(0,F.jsxs)(`div`,{children:[(0,F.jsx)(`label`,{className:`semiont-panel-label`,children:t(`session`)}),(0,F.jsx)(`div`,{className:`semiont-session-box`,children:(0,F.jsx)(`div`,{className:`semiont-panel-hint`,children:t(`expiresIn`,{time:E})})})]}),(h||g)&&(0,F.jsxs)(`div`,{children:[(0,F.jsx)(`label`,{className:`semiont-panel-label`,children:t(`privileges`)}),(0,F.jsxs)(`div`,{className:`space-y-1`,children:[h&&(0,F.jsx)(`div`,{className:`semiont-privilege-badge semiont-privilege-badge--admin`,children:(0,F.jsx)(`span`,{className:`semiont-privilege-text`,children:t(`administrator`)})}),g&&(0,F.jsx)(`div`,{className:`semiont-privilege-badge semiont-privilege-badge--moderator`,children:(0,F.jsx)(`span`,{className:`semiont-privilege-text`,children:t(`moderator`)})})]})]}),(0,F.jsx)(`div`,{className:`semiont-panel-divider`,children:(0,F.jsx)(`button`,{onClick:async()=>{await v.logout(),s&&await r.signOut(s.id),b.push(`/`)},className:`semiont-signout-button`,children:t(`signOut`)})})]})]})}var R={authenticated:`var(--semiont-color-success-500, #22c55e)`,expired:`var(--semiont-color-warning-500, #eab308)`,"signed-out":`var(--semiont-color-neutral-400, #9ca3af)`,unreachable:`var(--semiont-color-error-500, #ef4444)`},z={authenticated:`statusConnected`,expired:`statusExpired`,"signed-out":`statusSignedOut`,unreachable:`statusUnreachable`};function B({status:e,t}){return(0,F.jsx)(`span`,{title:t(z[e]),style:{width:`0.5rem`,height:`0.5rem`,borderRadius:`50%`,backgroundColor:R[e],flexShrink:0}})}function V({t:e,onSubmit:t,onCancel:n,error:r,isSubmitting:i,autoFocus:a,pulsing:o,initialHost:s=`localhost`,initialPort:c=4e3,initialEmail:l=`admin@example.com`}){let[u,d]=(0,O.useState)(s),[f,m]=(0,O.useState)(String(c)),[g,_]=(0,O.useState)(p(s)),[v,y]=(0,O.useState)(l),[b,x]=(0,O.useState)(``),S=e=>{d(e),_(p(e))};return(0,F.jsxs)(`div`,{className:o?`semiont-panel__login-form--pulsing`:``,style:{margin:`0.5rem`,padding:`0.75rem`,border:`1px solid var(--semiont-color-neutral-200, #e5e7eb)`,borderRadius:`var(--semiont-panel-border-radius, 0.5rem)`,background:`var(--semiont-bg-secondary, transparent)`},children:[(0,F.jsx)(`h3`,{style:{fontSize:`0.8rem`,fontWeight:600,marginBottom:`0.5rem`},children:e(`connectTitle`)}),(0,F.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),h(u)&&t(u,parseInt(f,10)||4e3,g,v,b)},style:{display:`flex`,flexDirection:`column`,gap:`0.5rem`},children:[(0,F.jsxs)(`select`,{value:g,onChange:e=>_(e.target.value),className:`semiont-input`,children:[(0,F.jsx)(`option`,{value:`http`,children:`HTTP`}),(0,F.jsx)(`option`,{value:`https`,children:`HTTPS`})]}),(0,F.jsx)(`input`,{type:`text`,value:u,onChange:e=>S(e.target.value),placeholder:`Host`,className:`semiont-input`,autoFocus:a}),(0,F.jsx)(`input`,{type:`number`,value:f,onChange:e=>m(e.target.value),placeholder:`Port`,className:`semiont-input`}),u&&!h(u)&&(0,F.jsx)(`div`,{style:{color:`var(--semiont-color-error-500, #ef4444)`,fontSize:`0.75rem`},children:e(`invalidHost`)}),(0,F.jsx)(`input`,{type:`email`,value:v,onChange:e=>y(e.target.value),placeholder:`Email`,className:`semiont-input`}),(0,F.jsx)(`input`,{type:`password`,value:b,onChange:e=>x(e.target.value),placeholder:`Password`,className:`semiont-input`}),r&&(0,F.jsx)(`div`,{style:{color:`var(--semiont-color-error-500, #ef4444)`,fontSize:`0.75rem`},children:r}),(0,F.jsxs)(`div`,{style:{display:`flex`,gap:`0.5rem`},children:[(0,F.jsx)(`button`,{type:`submit`,className:`semiont-button semiont-button--primary`,style:{flex:1},disabled:i||!h(u),children:e(i?`connecting`:`connect`)}),(0,F.jsx)(`button`,{type:`button`,className:`semiont-button`,onClick:n,children:(0,F.jsx)(w,{style:{width:`1rem`,height:`1rem`}})})]})]})]})}function H({t:e,kb:t,onSubmit:n,onCancel:r,error:i,isSubmitting:a}){let[o,s]=(0,O.useState)(``);return(0,F.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),n(o)},style:{padding:`0.5rem 0.75rem`,display:`flex`,flexDirection:`column`,gap:`0.375rem`},children:[(0,F.jsx)(`div`,{style:{fontSize:`0.75rem`,color:`var(--semiont-color-neutral-400)`},children:t.email}),(0,F.jsx)(`input`,{type:`password`,value:o,onChange:e=>s(e.target.value),placeholder:`Password`,className:`semiont-input`,style:{fontSize:`0.8rem`},autoFocus:!0}),i&&(0,F.jsx)(`div`,{style:{color:`var(--semiont-color-error-500, #ef4444)`,fontSize:`0.75rem`},children:i}),(0,F.jsxs)(`div`,{style:{display:`flex`,gap:`0.375rem`},children:[(0,F.jsx)(`button`,{type:`submit`,className:`semiont-button semiont-button--primary`,style:{flex:1,fontSize:`0.8rem`},disabled:a,children:e(a?`signingIn`:`signIn`)}),(0,F.jsx)(`button`,{type:`button`,className:`semiont-button`,onClick:r,style:{fontSize:`0.8rem`},children:e(`cancel`)})]})]})}async function U(e,t,n,r,i){let a=new v({baseUrl:g(`${n}://${e}:${t}`)}),o=new _(a,new x(a),a),s=await o.auth.password(r,i),c=s.token??s.accessToken,l=s.refreshToken;if(!c)throw Error(`No access token received`);if(!l)throw Error(`No refresh token received`);let u=`${e}:${t}`,d;try{let e=await o.admin.status();e.projectName&&(u=e.projectName),e.gitBranch&&(d=e.gitBranch)}catch{}return{token:c,refreshToken:l,label:u,...d?{gitBranch:d}:{}}}function W(){let{t:e}=n(),t=(t,n)=>e(`KnowledgeBasePanel.${t}`,n),r=S(),i=l(r.kbs$)??[],a=l(r.activeSession$)?.kb??null,o=e=>{r.setActiveKb(e)},s=r.addKb.bind(r),c=r.removeKb.bind(r),u=r.updateKb.bind(r),d=(e,t,n)=>{r.signIn(e,t,n)},f=e=>{r.signOut(e)},[p,m]=(0,O.useState)(!1),[h,g]=(0,O.useState)(null),[_,v]=(0,O.useState)(!1),[y,b]=(0,O.useState)(null),[x,w]=(0,O.useState)(null),[T,E]=(0,O.useState)(!1),[D,k]=(0,O.useState)(null),[,j]=(0,O.useState)(0);(0,O.useEffect)(()=>{i.length===0&&m(!0)},[i.length]),(0,O.useEffect)(()=>{let e=setInterval(()=>j(e=>e+1),3e4);return()=>clearInterval(e)},[]);let N=()=>{m(!0),b(null),g(null)},I=async(e,t,n,r,a)=>{g(null),v(!0);let o=i.find(n=>n.endpoint.kind===`http`&&n.endpoint.host===e&&n.endpoint.port===t);if(o){try{let{token:i,refreshToken:s,gitBranch:c}=await U(e,t,n,r,a);u(o.id,{...c?{gitBranch:c}:{}}),d(o.id,i,s),m(!1)}catch(e){g(e instanceof Error?e.message:String(e))}finally{v(!1)}return}try{let{token:i,refreshToken:o,label:c,gitBranch:l}=await U(e,t,n,r,a);s({label:c,email:r,endpoint:{kind:`http`,host:e,port:t,protocol:n},...l?{gitBranch:l}:{}},i,o),m(!1)}catch(e){g(e instanceof Error?e.message:String(e))}finally{v(!1)}},L=async(e,t)=>{let n=i.find(t=>t.id===e);if(n){if(w(null),E(!0),n.endpoint.kind!==`http`){w(`Re-auth is HTTP-only; KB endpoint kind "${n.endpoint.kind}" is not supported here.`),E(!1);return}try{let{token:r,refreshToken:i,label:a,gitBranch:o}=await U(n.endpoint.host,n.endpoint.port,n.endpoint.protocol,n.email,t);u(e,{label:a,...o?{gitBranch:o}:{}}),d(e,r,i),b(null)}catch(e){w(e instanceof Error?e.message:String(e))}finally{E(!1)}}},R=e=>{r.getKbSessionStatus(e.id)===`authenticated`?o(e.id):(b(e.id),m(!1),w(null))};return(0,F.jsxs)(`div`,{className:`semiont-panel`,children:[(0,F.jsx)(`div`,{className:`semiont-panel-header`,children:(0,F.jsxs)(`h2`,{className:`semiont-panel-header__title`,children:[(0,F.jsx)(`span`,{className:`semiont-panel-header__text`,children:t(`title`)}),(0,F.jsxs)(`span`,{className:`semiont-panel-header__count`,children:[`(`,i.length,`)`]})]})}),(0,F.jsxs)(`div`,{className:`semiont-panel__content`,children:[(0,F.jsx)(`div`,{className:`semiont-panel__list`,children:i.map(e=>{let n=r.getKbSessionStatus(e.id),i=e.id===a?.id,o=y===e.id;return(0,F.jsxs)(`div`,{children:[(0,F.jsxs)(`div`,{className:`semiont-panel-item semiont-panel-item--clickable${i?` semiont-panel-item--selected`:``}`,style:{display:`flex`,flexDirection:`column`,gap:`0.25rem`,cursor:`pointer`,padding:`0.5rem 0.75rem`},onClick:()=>R(e),children:[(0,F.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`0.5rem`},children:[(0,F.jsx)(B,{status:n,t}),(0,F.jsx)(`span`,{className:`semiont-panel-text`,style:{flex:1,fontWeight:500},children:e.label}),i&&(0,F.jsx)(M,{style:{width:`1rem`,height:`1rem`,color:`var(--semiont-color-primary-500)`,flexShrink:0}}),n===`authenticated`&&(0,F.jsx)(`button`,{onClick:t=>{t.stopPropagation(),f(e.id)},title:t(`signOut`),style:{background:`none`,border:`none`,cursor:`pointer`,padding:`0.125rem`,color:`var(--semiont-color-neutral-400)`},children:(0,F.jsx)(A,{style:{width:`0.875rem`,height:`0.875rem`}})}),(0,F.jsx)(`button`,{onClick:t=>{t.stopPropagation(),k(e.id)},title:t(`remove`),style:{background:`none`,border:`none`,cursor:`pointer`,padding:`0.125rem`,color:`var(--semiont-color-neutral-400)`},children:(0,F.jsx)(C,{style:{width:`0.875rem`,height:`0.875rem`}})})]}),(0,F.jsxs)(`span`,{className:`semiont-panel-text-secondary`,style:{fontSize:`0.7rem`,paddingLeft:`1rem`},children:[e.endpoint.kind===`http`?`${e.endpoint.host}:${e.endpoint.port}`:`local:${e.endpoint.kbId}`,e.gitBranch?` · ${e.gitBranch}`:``]})]}),D===e.id&&(0,F.jsxs)(`div`,{style:{padding:`0.5rem 0.75rem`,fontSize:`0.8rem`,display:`flex`,alignItems:`center`,gap:`0.5rem`,background:`var(--semiont-bg-secondary, #f9fafb)`,borderBottom:`1px solid var(--semiont-color-neutral-200, #e5e7eb)`},children:[(0,F.jsx)(`span`,{style:{flex:1,color:`var(--semiont-color-neutral-500)`},children:t(`removeConfirm`,{label:e.label})}),(0,F.jsx)(`button`,{onClick:()=>{c(e.id),k(null)},className:`semiont-button`,style:{fontSize:`0.75rem`,padding:`0.2rem 0.5rem`,color:`var(--semiont-color-error-500, #ef4444)`},children:t(`remove`)}),(0,F.jsx)(`button`,{onClick:()=>k(null),className:`semiont-button`,style:{fontSize:`0.75rem`,padding:`0.2rem 0.5rem`},children:t(`cancel`)})]}),o&&(0,F.jsx)(H,{t,kb:e,onSubmit:t=>L(e.id,t),onCancel:()=>b(null),error:x,isSubmitting:T})]},e.id)})}),p&&(0,F.jsx)(V,{t,onSubmit:I,onCancel:()=>m(!1),error:h,isSubmitting:_,autoFocus:i.length===0,pulsing:i.length===0})]}),!p&&(0,F.jsx)(`div`,{className:`semiont-panel-footer`,children:(0,F.jsxs)(`button`,{onClick:N,className:`semiont-panel-item semiont-panel-item--clickable`,style:{width:`100%`,display:`flex`,alignItems:`center`,gap:`0.5rem`,color:`var(--semiont-color-primary-600)`},children:[(0,F.jsx)(P,{style:{width:`1rem`,height:`1rem`,flexShrink:0}}),(0,F.jsx)(`span`,{className:`semiont-panel-text`,style:{color:`inherit`},children:t(`addKnowledgeBase`)})]})})]})}function G({activePanel:e,theme:t,showLineNumbers:r,children:o}){let{hoverDelayMs:c}=d(),{t:u}=n(),p=!!l(l(S().activeSession$)?.user$),m=E(),h=T(),g=D(),[_,v]=(0,O.useTransition)(),{width:y,setWidth:x,minWidth:C,maxWidth:w}=i();return s({"settings:locale-changed":(0,O.useCallback)(({locale:e})=>{g&&v(()=>{h.replace(g,{locale:e})})},[g,h,v])}),!e||!o&&!b.includes(e)?null:(0,F.jsxs)(`div`,{className:`semiont-toolbar-panels`,style:{width:`${y}px`,position:`relative`},children:[(0,F.jsx)(f,{onResize:x,minWidth:C,maxWidth:w,position:`left`,ariaLabel:`Resize right panel`}),(0,F.jsxs)(`div`,{className:`semiont-toolbar-panels__content`,children:[o,e===`knowledge-base`&&(0,F.jsx)(W,{}),e===`user`&&(p?(0,F.jsx)(L,{}):(0,F.jsxs)(`div`,{className:`semiont-panel`,children:[(0,F.jsx)(`div`,{className:`semiont-panel-header`,children:(0,F.jsx)(`h2`,{className:`semiont-panel-header__title`,children:(0,F.jsx)(`span`,{className:`semiont-panel-header__text`,children:u(`UserPanel.account`)})})}),(0,F.jsx)(`div`,{className:`semiont-panel__content`,style:{padding:`1rem`,textAlign:`center`},children:(0,F.jsx)(`p`,{style:{color:`var(--semiont-color-neutral-400)`,fontSize:`0.85rem`,lineHeight:1.5},children:u(`AccountPanel.notAuthenticated`)})})]})),e===`settings`&&(0,F.jsx)(a,{showLineNumbers:r,theme:t,hoverDelayMs:c,locale:m,isPendingLocaleChange:_})]})]})}export{P as n,G as t};
+//# sourceMappingURL=ToolbarPanels-Caol-m4o.js.map

package/dist/frontend/dist/assets/ToolbarPanels-Caol-m4o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarPanels-Caol-m4o.js","names":["ForwardRef","ForwardRef"],"sources":["../../../../node_modules/@heroicons/react/24/outline/esm/ArrowRightStartOnRectangleIcon.js","../../../../node_modules/@heroicons/react/24/outline/esm/CheckIcon.js","../../../../node_modules/@heroicons/react/24/outline/esm/PlusIcon.js","../../src/components/UserPanel.tsx","../../src/components/KnowledgeBasePanel.tsx","../../src/components/toolbar/ToolbarPanels.tsx"],"sourcesContent":["import * as React from \"react\";\nfunction ArrowRightStartOnRectangleIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ArrowRightStartOnRectangleIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction CheckIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"m4.5 12.75 6 6 9-13.5\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(CheckIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction PlusIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M12 4.5v15m7.5-7.5h-15\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(PlusIcon);\nexport default ForwardRef;","import { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  sanitizeImageURL,\n  useSessionExpiry,\n  formatTime,\n  useSemiont,\n  useObservable,\n  createSessionStateUnit,\n  useStateUnit,\n} from '@semiont/react-ui';\nimport { useRouter } from '@/i18n/routing';\n\n// Fallback avatar when image fails to load or is invalid\nconst FALLBACK_AVATAR = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM2QjcyODAiLz4KPHBhdGggZD0iTTE2IDE2QzE4LjIwOTEgMTYgMjAgMTQuMjA5MSAyMCAxMkMyMCA5Ljc5MDg2IDE4LjIwOTEgOCAxNiA4QzEzLjc5MDkgOCAxMiA5Ljc5MDg2IDEyIDEyQzEyIDE0LjIwOTEgMTMuNzkwOSAxNiAxNiAxNloiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI0IDI1QzI0IDIxLjY4NjMgMjAuNDE4MyAxOSAxNiAxOUMxMS41ODE3IDE5IDggMjEuNjg2MyA4IDI1IiBzdHJva2U9IiNFNUU3RUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==';\n\nexport function UserPanel() {\n  const { t: _t } = useTranslation();\n  const t = (k: string, p?: Record<string, unknown>) => _t(`UserPanel.${k}`, p as any) as string;\n  const semiont = useSemiont();\n  const session = useObservable(semiont.activeSession$);\n  const user = useObservable(session?.user$) ?? null;\n  const activeKnowledgeBase = session?.kb ?? null;\n  const displayName = user?.name ?? user?.email?.split('@')[0] ?? 'User';\n  const avatarUrl = user?.image ?? null;\n  const userDomain = user?.domain || user?.email?.split('@')[1];\n  const isAdmin = user?.isAdmin ?? false;\n  const isModerator = user?.isModerator ?? false;\n  const apiClient = session?.client;\n  const sessionStateUnit = useStateUnit(() => createSessionStateUnit(apiClient!));\n  const router = useRouter();\n  const [imageError, setImageError] = useState(false);\n  const { timeRemaining } = useSessionExpiry();\n  const sessionTimeFormatted = formatTime(timeRemaining) ?? 'Unknown';\n\n  // Sanitize and validate the profile image URL\n  const profileImageUrl = (() => {\n    if (!avatarUrl || imageError) {\n      return FALLBACK_AVATAR;\n    }\n\n    const sanitized = sanitizeImageURL(avatarUrl);\n    if (!sanitized) {\n      console.warn('Invalid profile image URL detected, using fallback');\n      return FALLBACK_AVATAR;\n    }\n\n    return sanitized;\n  })();\n\n  const handleSignOut = async () => {\n    await sessionStateUnit.logout();\n    if (activeKnowledgeBase) {\n      await semiont.signOut(activeKnowledgeBase.id);\n    }\n    router.push('/');\n  };\n\n  return (\n    <div className=\"semiont-user-panel\">\n      <h3 className=\"semiont-user-panel__title\">\n        {t('account')}\n      </h3>\n\n      {activeKnowledgeBase && (\n        <div style={{ padding: '0 0.75rem 0.5rem', fontSize: '0.8rem', color: 'var(--semiont-color-neutral-400)' }}>\n          {activeKnowledgeBase.label}\n        </div>\n      )}\n\n      <div className=\"space-y-4\">\n        {/* User Profile */}\n        <div className=\"flex items-center gap-3\">\n          <img\n            src={profileImageUrl}\n            alt={t('profileAlt', { name: displayName || t('user') })}\n            width={48}\n            height={48}\n            className=\"w-12 h-12 rounded-full object-cover\"\n            onError={() => setImageError(true)}\n          />\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"semiont-panel-text\">\n              {displayName || t('user')}\n            </div>\n            {userDomain && (\n              <div className=\"semiont-panel-text-secondary\">\n                @{userDomain}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Session Info */}\n        <div>\n          <label className=\"semiont-panel-label\">\n            {t('session')}\n          </label>\n          <div className=\"semiont-session-box\">\n            <div className=\"semiont-panel-hint\">\n              {t('expiresIn', { time: sessionTimeFormatted })}\n            </div>\n          </div>\n        </div>\n\n        {/* Privileges */}\n        {(isAdmin || isModerator) && (\n          <div>\n            <label className=\"semiont-panel-label\">\n              {t('privileges')}\n            </label>\n            <div className=\"space-y-1\">\n              {isAdmin && (\n                <div className=\"semiont-privilege-badge semiont-privilege-badge--admin\">\n                  <span className=\"semiont-privilege-text\">\n                    {t('administrator')}\n                  </span>\n                </div>\n              )}\n              {isModerator && (\n                <div className=\"semiont-privilege-badge semiont-privilege-badge--moderator\">\n                  <span className=\"semiont-privilege-text\">\n                    {t('moderator')}\n                  </span>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Sign Out Button */}\n        <div className=\"semiont-panel-divider\">\n          <button\n            onClick={handleSignOut}\n            className=\"semiont-signout-button\"\n          >\n            {t('signOut')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { CheckIcon, PlusIcon, ArrowRightStartOnRectangleIcon, XMarkIcon, TrashIcon } from '@heroicons/react/24/outline';\nimport { SemiontClient, defaultProtocol, isValidHostname, type KnowledgeBase, type KbSessionStatus } from '@semiont/sdk';\nimport { HttpContentTransport, HttpTransport } from '@semiont/http-transport';\nimport { baseUrl } from '@semiont/core';\nimport {\n  useSemiont,\n  useObservable,\n} from '@semiont/react-ui';\n\ntype T = (key: string, params?: Record<string, unknown>) => string;\n\nconst STATUS_COLORS: Record<KbSessionStatus, string> = {\n  authenticated: 'var(--semiont-color-success-500, #22c55e)',\n  expired: 'var(--semiont-color-warning-500, #eab308)',\n  'signed-out': 'var(--semiont-color-neutral-400, #9ca3af)',\n  unreachable: 'var(--semiont-color-error-500, #ef4444)',\n};\n\nconst STATUS_KEYS: Record<KbSessionStatus, string> = {\n  authenticated: 'statusConnected',\n  expired: 'statusExpired',\n  'signed-out': 'statusSignedOut',\n  unreachable: 'statusUnreachable',\n};\n\nfunction StatusDot({ status, t }: { status: KbSessionStatus; t: T }) {\n  return (\n    <span\n      title={t(STATUS_KEYS[status])}\n      style={{\n        width: '0.5rem',\n        height: '0.5rem',\n        borderRadius: '50%',\n        backgroundColor: STATUS_COLORS[status],\n        flexShrink: 0,\n      }}\n    />\n  );\n}\n\nfunction LoginForm({ t, onSubmit, onCancel, error, isSubmitting, autoFocus, pulsing, initialHost = 'localhost', initialPort = 4000, initialEmail = 'admin@example.com' }: {\n  t: T;\n  onSubmit: (host: string, port: number, protocol: 'http' | 'https', email: string, password: string) => Promise<void>;\n  onCancel: () => void;\n  error: string | null;\n  isSubmitting: boolean;\n  autoFocus?: boolean;\n  pulsing?: boolean;\n  initialHost?: string;\n  initialPort?: number;\n  initialEmail?: string;\n}) {\n  const [host, setHost] = useState(initialHost);\n  const [port, setPort] = useState(String(initialPort));\n  const [protocol, setProtocol] = useState<'http' | 'https'>(defaultProtocol(initialHost));\n  const [email, setEmail] = useState(initialEmail);\n  const [password, setPassword] = useState('');\n\n  const handleHostChange = (newHost: string) => {\n    setHost(newHost);\n    setProtocol(defaultProtocol(newHost));\n  };\n\n  return (\n    <div\n      className={pulsing ? 'semiont-panel__login-form--pulsing' : ''}\n      style={{\n        margin: '0.5rem',\n        padding: '0.75rem',\n        border: '1px solid var(--semiont-color-neutral-200, #e5e7eb)',\n        borderRadius: 'var(--semiont-panel-border-radius, 0.5rem)',\n        background: 'var(--semiont-bg-secondary, transparent)',\n      }}\n    >\n      <h3 style={{ fontSize: '0.8rem', fontWeight: 600, marginBottom: '0.5rem' }}>{t('connectTitle')}</h3>\n      <form onSubmit={(e) => { e.preventDefault(); if (isValidHostname(host)) onSubmit(host, parseInt(port, 10) || 4000, protocol, email, password); }} style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>\n        <select value={protocol} onChange={e => setProtocol(e.target.value as 'http' | 'https')} className=\"semiont-input\">\n          <option value=\"http\">HTTP</option>\n          <option value=\"https\">HTTPS</option>\n        </select>\n        <input type=\"text\" value={host} onChange={e => handleHostChange(e.target.value)} placeholder=\"Host\" className=\"semiont-input\" autoFocus={autoFocus} />\n        <input type=\"number\" value={port} onChange={e => setPort(e.target.value)} placeholder=\"Port\" className=\"semiont-input\" />\n        {host && !isValidHostname(host) && (\n          <div style={{ color: 'var(--semiont-color-error-500, #ef4444)', fontSize: '0.75rem' }}>{t('invalidHost')}</div>\n        )}\n        <input type=\"email\" value={email} onChange={e => setEmail(e.target.value)} placeholder=\"Email\" className=\"semiont-input\" />\n        <input type=\"password\" value={password} onChange={e => setPassword(e.target.value)} placeholder=\"Password\" className=\"semiont-input\" />\n        {error && <div style={{ color: 'var(--semiont-color-error-500, #ef4444)', fontSize: '0.75rem' }}>{error}</div>}\n        <div style={{ display: 'flex', gap: '0.5rem' }}>\n          <button type=\"submit\" className=\"semiont-button semiont-button--primary\" style={{ flex: 1 }} disabled={isSubmitting || !isValidHostname(host)}>\n            {isSubmitting ? t('connecting') : t('connect')}\n          </button>\n          <button type=\"button\" className=\"semiont-button\" onClick={onCancel}>\n            <XMarkIcon style={{ width: '1rem', height: '1rem' }} />\n          </button>\n        </div>\n      </form>\n    </div>\n  );\n}\n\nfunction ReauthForm({ t, kb, onSubmit, onCancel, error, isSubmitting }: {\n  t: T;\n  kb: KnowledgeBase;\n  onSubmit: (password: string) => Promise<void>;\n  onCancel: () => void;\n  error: string | null;\n  isSubmitting: boolean;\n}) {\n  const [password, setPassword] = useState('');\n\n  return (\n    <form onSubmit={(e) => { e.preventDefault(); onSubmit(password); }} style={{ padding: '0.5rem 0.75rem', display: 'flex', flexDirection: 'column', gap: '0.375rem' }}>\n      <div style={{ fontSize: '0.75rem', color: 'var(--semiont-color-neutral-400)' }}>{kb.email}</div>\n      <input type=\"password\" value={password} onChange={e => setPassword(e.target.value)} placeholder=\"Password\" className=\"semiont-input\" style={{ fontSize: '0.8rem' }} autoFocus />\n      {error && <div style={{ color: 'var(--semiont-color-error-500, #ef4444)', fontSize: '0.75rem' }}>{error}</div>}\n      <div style={{ display: 'flex', gap: '0.375rem' }}>\n        <button type=\"submit\" className=\"semiont-button semiont-button--primary\" style={{ flex: 1, fontSize: '0.8rem' }} disabled={isSubmitting}>\n          {isSubmitting ? t('signingIn') : t('signIn')}\n        </button>\n        <button type=\"button\" className=\"semiont-button\" onClick={onCancel} style={{ fontSize: '0.8rem' }}>\n          {t('cancel')}\n        </button>\n      </div>\n    </form>\n  );\n}\n\nasync function authenticateWithBackend(host: string, port: number, protocol: 'http' | 'https', emailStr: string, password: string): Promise<{ token: string; refreshToken: string; label: string; gitBranch?: string }> {\n  const origin = `${protocol}://${host}:${port}`;\n  const transport = new HttpTransport({ baseUrl: baseUrl(origin) });\n  const client = new SemiontClient(transport, new HttpContentTransport(transport), transport);\n\n  const authResult = await client.auth!.password(emailStr, password);\n  const token = (authResult as any).token ?? (authResult as any).accessToken;\n  const refreshToken = (authResult as any).refreshToken;\n  if (!token) throw new Error('No access token received');\n  if (!refreshToken) throw new Error('No refresh token received');\n\n  let label = `${host}:${port}`;\n  let gitBranch: string | undefined;\n  try {\n    const status = await client.admin!.status();\n    if ((status as any).projectName) label = (status as any).projectName;\n    if ((status as any).gitBranch) gitBranch = (status as any).gitBranch;\n  } catch { /* use default label */ }\n\n  return { token, refreshToken, label, ...(gitBranch ? { gitBranch } : {}) };\n}\n\nexport function KnowledgeBasePanel() {\n  const { t: _t } = useTranslation();\n  const t = (k: string, p?: Record<string, unknown>) => _t(`KnowledgeBasePanel.${k}`, p as any) as string;\n  const semiont = useSemiont();\n  const knowledgeBases = useObservable(semiont.kbs$) ?? [];\n  const activeKnowledgeBase = useObservable(semiont.activeSession$)?.kb ?? null;\n  const setActiveKnowledgeBase = (id: string) => { void semiont.setActiveKb(id); };\n  const addKnowledgeBase = semiont.addKb.bind(semiont);\n  const removeKnowledgeBase = semiont.removeKb.bind(semiont);\n  const updateKnowledgeBase = semiont.updateKb.bind(semiont);\n  const signIn = (id: string, access: string, refresh: string) => { void semiont.signIn(id, access, refresh); };\n  const signOut = (id: string) => { void semiont.signOut(id); };\n  const [showAddForm, setShowAddForm] = useState(false);\n  const [addError, setAddError] = useState<string | null>(null);\n  const [addSubmitting, setAddSubmitting] = useState(false);\n  const [reauthKbId, setReauthKbId] = useState<string | null>(null);\n  const [reauthError, setReauthError] = useState<string | null>(null);\n  const [reauthSubmitting, setReauthSubmitting] = useState(false);\n  const [confirmRemoveKbId, setConfirmRemoveKbId] = useState<string | null>(null);\n  const [, setTick] = useState(0);\n\n  useEffect(() => {\n    if (knowledgeBases.length === 0) setShowAddForm(true);\n  }, [knowledgeBases.length]);\n\n  useEffect(() => {\n    const interval = setInterval(() => setTick(t => t + 1), 30_000);\n    return () => clearInterval(interval);\n  }, []);\n\n  const openAddForm = () => {\n    setShowAddForm(true);\n    setReauthKbId(null);\n    setAddError(null);\n  };\n\n  const handleAdd = async (host: string, port: number, protocol: 'http' | 'https', email: string, password: string) => {\n    setAddError(null);\n    setAddSubmitting(true);\n    const existing = knowledgeBases.find(\n      kb => kb.endpoint.kind === 'http' && kb.endpoint.host === host && kb.endpoint.port === port,\n    );\n    if (existing) {\n      try {\n        const { token, refreshToken, gitBranch } = await authenticateWithBackend(host, port, protocol, email, password);\n        updateKnowledgeBase(existing.id, { ...(gitBranch ? { gitBranch } : {}) });\n        signIn(existing.id, token, refreshToken);\n        setShowAddForm(false);\n      } catch (err) {\n        setAddError(err instanceof Error ? err.message : String(err));\n      } finally {\n        setAddSubmitting(false);\n      }\n      return;\n    }\n    try {\n      const { token, refreshToken, label, gitBranch } = await authenticateWithBackend(host, port, protocol, email, password);\n      addKnowledgeBase(\n        {\n          label,\n          email,\n          endpoint: { kind: 'http', host, port, protocol },\n          ...(gitBranch ? { gitBranch } : {}),\n        },\n        token,\n        refreshToken,\n      );\n      setShowAddForm(false);\n    } catch (err) {\n      setAddError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setAddSubmitting(false);\n    }\n  };\n\n  const handleReauth = async (kbId: string, password: string) => {\n    const kb = knowledgeBases.find(k => k.id === kbId);\n    if (!kb) return;\n    setReauthError(null);\n    setReauthSubmitting(true);\n    if (kb.endpoint.kind !== 'http') {\n      setReauthError(`Re-auth is HTTP-only; KB endpoint kind \"${kb.endpoint.kind}\" is not supported here.`);\n      setReauthSubmitting(false);\n      return;\n    }\n    try {\n      const { token, refreshToken, label, gitBranch } = await authenticateWithBackend(\n        kb.endpoint.host, kb.endpoint.port, kb.endpoint.protocol, kb.email, password,\n      );\n      updateKnowledgeBase(kbId, { label, ...(gitBranch ? { gitBranch } : {}) });\n      signIn(kbId, token, refreshToken);\n      setReauthKbId(null);\n    } catch (err) {\n      setReauthError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setReauthSubmitting(false);\n    }\n  };\n\n  const handleKbClick = (kb: KnowledgeBase) => {\n    const status = semiont.getKbSessionStatus(kb.id);\n    if (status === 'authenticated') {\n      setActiveKnowledgeBase(kb.id);\n    } else {\n      setReauthKbId(kb.id);\n      setShowAddForm(false);\n      setReauthError(null);\n    }\n  };\n\n  return (\n    <div className=\"semiont-panel\">\n      <div className=\"semiont-panel-header\">\n        <h2 className=\"semiont-panel-header__title\">\n          <span className=\"semiont-panel-header__text\">{t('title')}</span>\n          <span className=\"semiont-panel-header__count\">({knowledgeBases.length})</span>\n        </h2>\n      </div>\n      <div className=\"semiont-panel__content\">\n        <div className=\"semiont-panel__list\">\n          {knowledgeBases.map((kb: KnowledgeBase) => {\n            const status = semiont.getKbSessionStatus(kb.id);\n            const isActive = kb.id === activeKnowledgeBase?.id;\n            const isReauthing = reauthKbId === kb.id;\n\n            return (\n              <div key={kb.id}>\n                <div\n                  className={`semiont-panel-item semiont-panel-item--clickable${isActive ? ' semiont-panel-item--selected' : ''}`}\n                  style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', cursor: 'pointer', padding: '0.5rem 0.75rem' }}\n                  onClick={() => handleKbClick(kb)}\n                >\n                  <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                    <StatusDot status={status} t={t} />\n                    <span className=\"semiont-panel-text\" style={{ flex: 1, fontWeight: 500 }}>{kb.label}</span>\n                    {isActive && (\n                      <CheckIcon style={{ width: '1rem', height: '1rem', color: 'var(--semiont-color-primary-500)', flexShrink: 0 }} />\n                    )}\n                    {status === 'authenticated' && (\n                      <button\n                        onClick={(e) => { e.stopPropagation(); signOut(kb.id); }}\n                        title={t('signOut')}\n                        style={{ background: 'none', border: 'none', cursor: 'pointer', padding: '0.125rem', color: 'var(--semiont-color-neutral-400)' }}\n                      >\n                        <ArrowRightStartOnRectangleIcon style={{ width: '0.875rem', height: '0.875rem' }} />\n                      </button>\n                    )}\n                    <button\n                      onClick={(e) => { e.stopPropagation(); setConfirmRemoveKbId(kb.id); }}\n                      title={t('remove')}\n                      style={{ background: 'none', border: 'none', cursor: 'pointer', padding: '0.125rem', color: 'var(--semiont-color-neutral-400)' }}\n                    >\n                      <TrashIcon style={{ width: '0.875rem', height: '0.875rem' }} />\n                    </button>\n                  </div>\n                  <span className=\"semiont-panel-text-secondary\" style={{ fontSize: '0.7rem', paddingLeft: '1rem' }}>\n                    {kb.endpoint.kind === 'http'\n                      ? `${kb.endpoint.host}:${kb.endpoint.port}`\n                      : `local:${kb.endpoint.kbId}`}\n                    {kb.gitBranch ? ` · ${kb.gitBranch}` : ''}\n                  </span>\n                </div>\n                {confirmRemoveKbId === kb.id && (\n                  <div style={{\n                    padding: '0.5rem 0.75rem',\n                    fontSize: '0.8rem',\n                    display: 'flex',\n                    alignItems: 'center',\n                    gap: '0.5rem',\n                    background: 'var(--semiont-bg-secondary, #f9fafb)',\n                    borderBottom: '1px solid var(--semiont-color-neutral-200, #e5e7eb)',\n                  }}>\n                    <span style={{ flex: 1, color: 'var(--semiont-color-neutral-500)' }}>{t('removeConfirm', { label: kb.label })}</span>\n                    <button\n                      onClick={() => { removeKnowledgeBase(kb.id); setConfirmRemoveKbId(null); }}\n                      className=\"semiont-button\"\n                      style={{ fontSize: '0.75rem', padding: '0.2rem 0.5rem', color: 'var(--semiont-color-error-500, #ef4444)' }}\n                    >\n                      {t('remove')}\n                    </button>\n                    <button\n                      onClick={() => setConfirmRemoveKbId(null)}\n                      className=\"semiont-button\"\n                      style={{ fontSize: '0.75rem', padding: '0.2rem 0.5rem' }}\n                    >\n                      {t('cancel')}\n                    </button>\n                  </div>\n                )}\n                {isReauthing && (\n                  <ReauthForm\n                    t={t}\n                    kb={kb}\n                    onSubmit={(password) => handleReauth(kb.id, password)}\n                    onCancel={() => setReauthKbId(null)}\n                    error={reauthError}\n                    isSubmitting={reauthSubmitting}\n                  />\n                )}\n              </div>\n            );\n          })}\n        </div>\n\n        {showAddForm && (\n          <LoginForm\n            t={t}\n            onSubmit={handleAdd}\n            onCancel={() => setShowAddForm(false)}\n            error={addError}\n            isSubmitting={addSubmitting}\n            autoFocus={knowledgeBases.length === 0}\n            pulsing={knowledgeBases.length === 0}\n          />\n        )}\n      </div>\n\n      {!showAddForm && (\n        <div className=\"semiont-panel-footer\">\n          <button\n            onClick={openAddForm}\n            className=\"semiont-panel-item semiont-panel-item--clickable\"\n            style={{ width: '100%', display: 'flex', alignItems: 'center', gap: '0.5rem', color: 'var(--semiont-color-primary-600)' }}\n          >\n            <PlusIcon style={{ width: '1rem', height: '1rem', flexShrink: 0 }} />\n            <span className=\"semiont-panel-text\" style={{ color: 'inherit' }}>{t('addKnowledgeBase')}</span>\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import React, { useTransition, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  SettingsPanel,\n  ResizeHandle,\n  usePanelWidth,\n  useEventSubscriptions,\n  useSemiont,\n  useObservable,\n  useHoverDelay,\n} from '@semiont/react-ui';\nimport { UserPanel } from '../UserPanel';\nimport { KnowledgeBasePanel } from '../KnowledgeBasePanel';\nimport { useLocale } from '@/i18n/routing';\nimport { usePathname, useRouter } from '@/i18n/routing';\nimport { COMMON_PANELS } from '@semiont/react-ui';\nimport type { ToolbarPanelType } from '@semiont/react-ui';\n\ninterface ToolbarPanelsProps {\n  activePanel: ToolbarPanelType | null;\n  /** Theme setting */\n  theme: 'light' | 'dark' | 'system';\n  /** Line numbers setting */\n  showLineNumbers: boolean;\n  /** Custom panel content for context-specific panels */\n  children?: React.ReactNode;\n}\n\n/**\n * Renders the toolbar panel container with common panels (user, settings)\n * and any context-specific panels passed as children.\n *\n * Settings changes are handled via GlobalSettingsEventBus - no callbacks needed.\n *\n * @example\n * // Simple context (compose, discover, moderate, admin pages)\n * <ToolbarPanels\n *   activePanel={activePanel}\n *   theme={theme}\n *   showLineNumbers={showLineNumbers}\n * />\n *\n * @example\n * // Document context with custom panels\n * <ToolbarPanels\n *   activePanel={activePanel}\n *   theme={theme}\n *   showLineNumbers={showLineNumbers}\n * >\n *   {activePanel === 'annotations' && <UnifiedAnnotationsPanel ... />}\n *   {activePanel === 'history' && <AnnotationHistory ... />}\n *   {activePanel === 'info' && <ResourceInfoPanel ... />}\n *   {activePanel === 'collaboration' && <CollaborationPanel ... />}\n *   {activePanel === 'jsonld' && <JsonLdPanel ... />}\n * </ToolbarPanels>\n */\nexport function ToolbarPanels({\n  activePanel,\n  theme,\n  showLineNumbers,\n  children\n}: ToolbarPanelsProps) {\n  // Source hover-delay from the shared hook so every page that mounts\n  // ToolbarPanels gets the live value without prop-drilling. Previously\n  // each page passed `hoverDelayMs` through as a prop; pages that forgot\n  // (Discover, Admin, Moderation) rendered the Settings panel with\n  // `undefined`, which surfaced as `{undefined}ms delay` after the\n  // translation interpolation ran.\n  const { hoverDelayMs } = useHoverDelay();\n  const { t: _t } = useTranslation();\n  const session = useObservable(useSemiont().activeSession$);\n  const user = useObservable(session?.user$);\n  const isAuthenticated = !!user;\n  const locale = useLocale();\n  const router = useRouter();\n  const pathname = usePathname();\n  const [isPending, startTransition] = useTransition();\n\n  // Panel width management with localStorage persistence\n  const { width, setWidth, minWidth, maxWidth } = usePanelWidth();\n\n  // Handle locale change events\n  const handleLocaleChanged = useCallback(({ locale: newLocale }: { locale: string }) => {\n    if (!pathname) return;\n\n    startTransition(() => {\n      // The router from @/i18n/routing is locale-aware and will handle the locale prefix\n      router.replace(pathname, { locale: newLocale });\n    });\n  }, [pathname, router, startTransition]);\n\n  // Subscribe to locale change events\n  useEventSubscriptions({\n    'settings:locale-changed': handleLocaleChanged,\n  });\n\n  // Don't render container if no panel is active\n  if (!activePanel) {\n    return null;\n  }\n\n  // In simple context (no children), only user and settings panels are valid.\n  // If a resource-specific panel is still active from a previous route, hide the container.\n  if (!children && !COMMON_PANELS.includes(activePanel)) {\n    return null;\n  }\n\n  return (\n    <div className=\"semiont-toolbar-panels\" style={{ width: `${width}px`, position: 'relative' }}>\n      {/* Resize handle on left edge */}\n      <ResizeHandle\n        onResize={setWidth}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        position=\"left\"\n        ariaLabel=\"Resize right panel\"\n      />\n\n      {/* Custom context-specific panels */}\n      <div className=\"semiont-toolbar-panels__content\">\n        {children}\n\n        {/* Knowledge Base Panel - common to all contexts */}\n        {activePanel === 'knowledge-base' && (\n          <KnowledgeBasePanel />\n        )}\n\n        {/* User Panel - requires authentication */}\n        {activePanel === 'user' && (\n          isAuthenticated ? (\n            <UserPanel />\n          ) : (\n            <div className=\"semiont-panel\">\n              <div className=\"semiont-panel-header\">\n                <h2 className=\"semiont-panel-header__title\">\n                  <span className=\"semiont-panel-header__text\">{_t('UserPanel.account')}</span>\n                </h2>\n              </div>\n              <div className=\"semiont-panel__content\" style={{ padding: '1rem', textAlign: 'center' }}>\n                <p style={{ color: 'var(--semiont-color-neutral-400)', fontSize: '0.85rem', lineHeight: 1.5 }}>\n                  {_t('AccountPanel.notAuthenticated')}\n                </p>\n              </div>\n            </div>\n          )\n        )}\n\n        {/* Settings Panel - common to all contexts */}\n        {activePanel === 'settings' && (\n          <SettingsPanel\n            showLineNumbers={showLineNumbers}\n            theme={theme}\n            hoverDelayMs={hoverDelayMs}\n            locale={locale}\n            isPendingLocaleChange={isPending}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}