ocean-brain 0.8.1 → 0.10.0

package/server/client/dist/assets/ViewSectionDialog-brTrsF6G.js

@@ -1,102 +0,0 @@
-import{h as g,c as ae,T as d,B as T,L as ze,N as _e,t as re,M as P,E as f,I as ne,aD as ie,aE as R,X as qe,S as N,e as m,aC as Be,F as Me}from"./index-BR05aSXr.js";import{j as e}from"./note-vendor-Hoz9Q4-4.js";import{a as h}from"./graph-vendor-BAF95C0g.js";const Z=`
-    id
-    tabId
-    title
-    displayType
-    displayOptions {
-        tableColumns
-    }
-    tagNames
-    mode
-    propertyFilters {
-        key
-        name
-        valueType
-        operator
-        value
-    }
-    sortBy
-    sortOrder
-    limit
-    order
-`;function rt(){return g(`query FetchViewWorkspace {
-        viewWorkspace {
-            activeTabId
-            tabs {
-                id
-                title
-                order
-                sections {
-                    ${Z}
-                }
-            }
-        }
-    }`)}function nt(t){return g(`query FetchViewSection($id: ID!) {
-            viewSection(id: $id) {
-                ${Z}
-            }
-        }`,{id:t})}function it(t,{limit:r=25,offset:a=0}={}){return g(`query FetchViewSectionNotes($id: ID!, $pagination: PaginationInput) {
-            viewSectionNotes(id: $id, pagination: $pagination) {
-                totalCount
-                notes {
-                    id
-                    title
-                    pinned
-                    tags {
-                        id
-                        name
-                    }
-                    createdAt
-                    updatedAt
-                    properties {
-                        key
-                        name
-                        value
-                        valueType
-                        option { id label value color order }
-                        createdAt
-                        updatedAt
-                    }
-                }
-            }
-        }`,{id:t,pagination:{limit:r,offset:a}})}function lt(t){return g(`mutation CreateViewTab($title: String!) {
-            createViewTab(title: $title) {
-                id
-            }
-        }`,{title:t})}function ot(t,r){return g(`mutation UpdateViewTab($id: ID!, $title: String!) {
-            updateViewTab(id: $id, title: $title) {
-                id
-            }
-        }`,{id:t,title:r})}function dt(t){return g(`mutation DeleteViewTab($id: ID!) {
-            deleteViewTab(id: $id)
-        }`,{id:t})}function ct(t){return g(`mutation SetActiveViewTab($id: ID!) {
-            setActiveViewTab(id: $id) {
-                activeTabId
-                tabs {
-                    id
-                    title
-                    order
-                    sections {
-                        ${Z}
-                    }
-                }
-            }
-        }`,{id:t})}function ut(t){return g(`mutation ReorderViewTabs($tabIds: [ID!]!) {
-            reorderViewTabs(tabIds: $tabIds) {
-                id
-            }
-        }`,{tabIds:t})}function pt(t,r){return g(`mutation CreateViewSection($tabId: ID!, $input: ViewSectionInput!) {
-            createViewSection(tabId: $tabId, input: $input) {
-                id
-            }
-        }`,{tabId:t,input:r})}function mt(t,r){return g(`mutation UpdateViewSection($id: ID!, $input: ViewSectionInput!) {
-            updateViewSection(id: $id, input: $input) {
-                id
-            }
-        }`,{id:t,input:r})}function bt(t){return g(`mutation DeleteViewSection($id: ID!) {
-            deleteViewSection(id: $id)
-        }`,{id:t})}function xt(t,r){return g(`mutation ReorderViewSections($tabId: ID!, $sectionIds: [ID!]!) {
-            reorderViewSections(tabId: $tabId, sectionIds: $sectionIds) {
-                id
-            }
-        }`,{tabId:t,sectionIds:r})}const Pe={compact:"h-[22px] px-2",regular:"h-7 px-2.5"};function W({children:t,className:r,contentClassName:a,size:n="regular",truncateContent:o=!0,...y}){return e.jsx("span",{className:ae("inline-flex min-w-0 items-center overflow-hidden whitespace-nowrap rounded-full border text-xs font-medium leading-none",Pe[n],r),...y,children:o?e.jsx("span",{className:ae("min-w-0 truncate",a),children:t}):t})}const J=["title","tags","properties","createdAt","updatedAt"],ht={activeTabId:null,tabs:[]},Re=t=>{const r=t.trim();return r?r.startsWith("@")?r:r.startsWith("#")?`@${r.slice(1)}`:`@${r}`:""},fe=(t,r,a)=>{if(r===a)return t;const n=t.findIndex(b=>b.id===r),o=t.findIndex(b=>b.id===a);if(n<0||o<0)return t;const y=[...t],[$]=y.splice(n,1);return y.splice(o,0,$),y},le=t=>{const r=t.flatMap(a=>typeof a=="string"?a.split(","):[]);return Array.from(new Set(r.map(Re).filter(Boolean)))},gt=t=>t.tabs.length===0?null:t.activeTabId?t.tabs.find(r=>r.id===t.activeTabId)??t.tabs[0]??null:t.tabs[0]??null,vt=(t,r)=>t.tabs.some(a=>a.id===r)?{...t,activeTabId:r}:t,yt=(t,r,a)=>({...t,tabs:fe(t.tabs,r,a)}),ft=(t,r,a,n)=>({...t,tabs:t.tabs.map(o=>o.id===r?{...o,sections:fe(o.sections,a,n)}:o)}),oe=t=>t==="or"?"OR — any selected tag":"AND — all selected tags",jt=t=>t==="or"?"OR":"AND",je=t=>{switch(t){case"notEquals":return"is not";case"contains":return"contains";case"notContains":return"does not contain";case"before":return"before";case"after":return"after";case"exists":return"is set";case"notExists":return"is empty";default:return"is"}},We=t=>{switch(t){case"table":return"Table";case"calendar":return"Unavailable";default:return"List"}},we=t=>{switch(t){case"tags":return"Tags";case"properties":return"Properties";case"createdAt":return"Created";case"updatedAt":return"Updated";default:return"Title"}},U=t=>{const r=new Set(J),a=(t??[]).filter(o=>r.has(o)),n=Array.from(new Set(a));return n.length===0?[...J]:n.includes("title")?n:["title",...n]},Ne=t=>({tableColumns:U(t?.tableColumns)}),wt=t=>{const r=je(t.operator);return t.operator==="exists"||t.operator==="notExists"?`${t.name} ${r}`:`${t.name} ${r} ${t.value??""}`.trim()},Nt=(t,r={})=>{const a={...t,...r};return{title:a.title,displayType:a.displayType,displayOptions:Ne(a.displayOptions),tagNames:a.tagNames,mode:a.mode,propertyFilters:a.propertyFilters.map(n=>({key:n.key,valueType:n.valueType,operator:n.operator,value:n.value})),sortBy:a.sortBy,sortOrder:a.sortOrder,limit:a.limit}},Tt=t=>({page:1,sectionId:t.id}),Ue=t=>t.valueType==="select"?t.option?.label??t.value:t.valueType==="boolean"?t.value==="true"?"True":"False":t.value,He=t=>(t.properties??[]).slice(0,3),Te={title:280,tags:190,properties:260,createdAt:132,updatedAt:132},Ye={title:"title",createdAt:"createdAt",updatedAt:"updatedAt"},Ve="flex h-[22px] min-w-0 max-w-full items-center gap-1.5 overflow-hidden whitespace-nowrap",Ce="text-xs leading-5 text-fg-tertiary",Ge=t=>{const r=t.reduce((a,n)=>a+Te[n],0);return Math.max(520,r)},Ke=(t,r={})=>{if(t.tags.length===0)return r.hideEmpty?null:e.jsx("span",{className:Ce,children:"—"});const a=t.tags.slice(0,3),n=t.tags.length-a.length;return e.jsxs("div",{className:Ve,children:[a.map(o=>e.jsx(W,{size:"compact",className:"max-w-[132px] shrink-0 border-border-subtle bg-transparent text-fg-secondary",children:o.name},o.id)),n>0&&e.jsxs(W,{size:"compact",className:"shrink-0 border-border-subtle bg-subtle text-fg-tertiary",children:["+",n]})]})},Qe=(t,r={})=>{const a=He(t);if(a.length===0)return r.hideEmpty?null:e.jsx("span",{className:Ce,children:"—"});const n=(t.properties?.length??0)-a.length;return e.jsxs("div",{className:Ve,children:[a.map(o=>e.jsxs(W,{size:"compact",truncateContent:!1,className:"max-w-[190px] shrink-0 gap-1 border-border-subtle bg-subtle text-fg-secondary",children:[e.jsx("span",{className:"min-w-0 max-w-[76px] shrink truncate text-fg-tertiary",children:o.name}),e.jsx("span",{className:"min-w-0 truncate",children:Ue(o)||"—"})]},o.key)),n>0&&e.jsxs(W,{size:"compact",className:"shrink-0 border-border-subtle bg-subtle text-fg-tertiary",children:["+",n]})]})};function Vt({section:t,notes:r,isPending:a,isError:n,onRetry:o,onSortChange:y,isSortPending:$,surface:b="flush"}){const V=U(t.displayOptions?.tableColumns),L=Ge(V),z=b==="card"?"overflow-x-auto rounded-[16px] border border-border-subtle bg-elevated":"overflow-x-auto bg-transparent",C=b==="card"?"overflow-hidden rounded-[16px] border border-border-subtle bg-elevated":"overflow-hidden bg-transparent",I=b==="card"?"bg-elevated":"bg-transparent",F=b==="card"?"bg-subtle/65":"bg-subtle/45",_=b==="card"?"bg-elevated":"bg-transparent",E=c=>{const u=Ye[c],O=we(c),k=u?t.sortBy===u:!1;return e.jsx("th",{"aria-sort":k?t.sortOrder==="asc"?"ascending":"descending":void 0,className:"px-3 py-2.5 text-xs font-semibold text-fg-tertiary",children:u?e.jsxs("button",{type:"button",className:"focus-ring-soft -ml-1 inline-flex items-center gap-1 rounded-[8px] px-1 py-0.5 outline-none transition-colors hover:bg-hover-subtle hover:text-fg-secondary disabled:cursor-wait disabled:opacity-60",disabled:$,onClick:()=>y(u),children:[e.jsx("span",{children:O}),e.jsx("span",{"aria-hidden":"true",className:"text-[10px] text-fg-tertiary",children:k?t.sortOrder==="asc"?"↑":"↓":"↕"})]}):O},c)},S=(c,u)=>{switch(u){case"tags":return e.jsx("td",{className:"overflow-hidden px-3 py-2.5 align-middle",children:Ke(c)},u);case"properties":return e.jsx("td",{className:"overflow-hidden px-3 py-2.5 align-middle",children:Qe(c)},u);case"createdAt":return e.jsx("td",{className:"whitespace-nowrap px-3 py-2.5 align-middle",children:e.jsx(d,{as:"span",variant:"meta",tone:"tertiary",children:re(Number(c.createdAt))})},u);case"updatedAt":return e.jsx("td",{className:"whitespace-nowrap px-3 py-2.5 align-middle",children:e.jsx(d,{as:"span",variant:"meta",tone:"tertiary",children:re(Number(c.updatedAt))})},u);default:return e.jsx("td",{className:"px-3 py-2.5 align-middle",children:e.jsx(d,{as:"div",variant:"body",weight:"semibold",className:"line-clamp-1",children:e.jsx(ze,{to:_e,params:{id:c.id},className:"focus-ring-soft rounded-[6px] outline-none transition-colors hover:text-fg-default/85",children:c.title||"Untitled"})})},u)}};return a?e.jsxs("div",{className:C,children:[e.jsx("div",{className:"h-11 animate-pulse bg-subtle/50"}),e.jsx("div",{className:`h-14 animate-pulse border-t border-border-subtle ${I}`}),e.jsx("div",{className:`h-14 animate-pulse border-t border-border-subtle ${I}`}),e.jsx("div",{className:`h-14 animate-pulse border-t border-border-subtle ${I}`})]}):n?e.jsxs("div",{className:"rounded-[16px] border border-border-subtle bg-subtle/30 p-4",children:[e.jsx(d,{as:"p",variant:"body",weight:"semibold",children:"Failed to load this table"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry to refresh this saved query."}),e.jsx("div",{className:"mt-3",children:e.jsx(T,{type:"button",variant:"ghost",size:"sm",onClick:o,children:"Retry"})})]}):r.length===0?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle px-4 py-5",children:[e.jsx(d,{as:"p",variant:"body",weight:"semibold",children:"No rows yet"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Add matching notes, or edit this view query."})]}):e.jsx("div",{className:z,children:e.jsxs("table",{className:"w-full table-fixed border-collapse text-left",style:{minWidth:L},children:[e.jsx("caption",{className:"sr-only",children:"View query results as a table"}),e.jsx("colgroup",{children:V.map(c=>e.jsx("col",{style:{width:Te[c]}},c))}),e.jsx("thead",{className:F,children:e.jsx("tr",{className:"border-b border-border-subtle",children:V.map(E)})}),e.jsx("tbody",{className:_,children:r.map(c=>e.jsx("tr",{className:"h-12 border-b border-border-subtle/70 last:border-b-0",children:V.map(u=>S(c,u))},c.id))})]})})}const Q="__choose_property__",Xe=["title","tags","properties","createdAt","updatedAt"],de=t=>String(t?.limit??5),ce=t=>t?.displayType==="table"?"table":"list",ue=t=>U(t?.displayOptions?.tableColumns??J),pe=t=>t?.mode??"and",me=t=>t?t.tagNames.join(", "):"",be=t=>t?.title??"",xe=t=>t?.sortBy??"updatedAt",he=t=>t?.sortOrder??"desc",Ie=t=>`property-filter-${Date.now()}-${t}`,ge=t=>(t?.propertyFilters??[]).map((r,a)=>({id:Ie(a),key:r.key,operator:r.operator,value:r.value??""})),ve=t=>t?t.valueType==="date"||t.valueType==="number"?["equals","notEquals","before","after","exists","notExists"]:t.valueType==="text"||t.valueType==="url"?["equals","notEquals","contains","notContains","exists","notExists"]:["equals","notEquals","exists","notExists"]:["exists","notExists"],ye=t=>t?"equals":"exists",Je=t=>t?t.valueType==="boolean"?"true":t.valueType==="select"?t.options[0]?.value??"":"":"",X=t=>t!=="exists"&&t!=="notExists",Se=t=>t==="contains"||t==="notContains",Ze=(t,r)=>t.valueType==="date"?"date":t.valueType==="number"?"number":t.valueType==="url"&&!Se(r)?"url":"text",et=(t,r)=>{if(t.valueType==="url")return Se(r)?"example.com":"https://example.com";if(t.valueType==="text")return"Value"};function Ct({open:t,mode:r,initialSection:a=null,availableTags:n,availableProperties:o,isTagsLoading:y=!1,isPropertiesLoading:$=!1,onClose:b,onSubmit:V}){const[L,z]=h.useState(be(a)),[C,I]=h.useState(ce(a)),[F,_]=h.useState(ue(a)),[E,S]=h.useState(me(a)),[c,u]=h.useState(pe(a)),[O,k]=h.useState(xe(a)),[ee,te]=h.useState(he(a)),[H,se]=h.useState(de(a)),[A,q]=h.useState(ge(a)),[Ae,Y]=h.useState((a?.tagNames.length??0)>0),[G,x]=h.useState(""),B=h.useMemo(()=>new Map(o.map(s=>[s.key,s])),[o]);h.useEffect(()=>{t&&(z(be(a)),I(ce(a)),_(ue(a)),S(me(a)),u(pe(a)),k(xe(a)),te(he(a)),se(de(a)),q(ge(a)),Y((a?.tagNames.length??0)>0),x(""))},[a,t]);const j=le([E]),M=Ae||j.length>0,$e=j.length===0&&A.length===0,Fe=s=>{s!=="title"&&(_(l=>{if(l.includes(s)){const v=l.filter(i=>i!==s);return v.length>0?v:l}return U([...l,s])}),x(""))},Ee=s=>{const l=j.includes(s)?j.filter(v=>v!==s):[...j,s];S(l.join(", ")),x("")},Oe=()=>{Y(!0),x("")},ke=()=>{S(""),u("and"),Y(!1),x("")},De=()=>{if(o.length===0){x("Create a shared property before adding a filter.");return}q(s=>[...s,{id:Ie(s.length),key:"",operator:"exists",value:""}]),x("")},D=(s,l)=>{q(v=>v.map(i=>{if(i.id!==s)return i;const w={...i,...l},p=B.get(w.key);return ve(p).includes(w.operator)||(w.operator=ye(p)),"key"in l&&(w.value=Je(p),w.operator=ye(p)),w})),x("")},Le=s=>{q(l=>l.filter(v=>v.id!==s)),x("")};return e.jsxs(P,{isOpen:t,onClose:b,variant:"form",className:"sm:max-w-[720px]",children:[e.jsx(P.Header,{title:r==="create"?"Create section":"Edit section",onClose:b}),e.jsx(P.Body,{children:e.jsxs("form",{id:"view-section-form",className:"flex flex-col gap-5",onSubmit:s=>{s.preventDefault();const l=le([E]);if(M&&l.length===0){x("Choose at least one tag, or remove this tag filter.");return}if(A.find(p=>!p.key||!B.has(p.key))){x("Choose a property for every filter.");return}const i=A.map(p=>{const K=B.get(p.key);return{key:K?.key??p.key,valueType:K?.valueType??"text",operator:p.operator,value:X(p.operator)?p.value:null}});if(i.some(p=>X(p.operator)&&!p.value?.trim())){x("Fill every filter value, or switch it to is set / is empty.");return}V({title:L,displayType:C,displayOptions:Ne({tableColumns:F}),tagNames:l,mode:c,propertyFilters:i,sortBy:O,sortOrder:ee,limit:Number(H)})},children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(f,{htmlFor:"view-section-title",size:"md",children:"Section name"}),e.jsx(ne,{id:"view-section-title",value:L,onChange:s=>z(s.target.value),placeholder:"Doing notes",autoFocus:!0})]}),e.jsxs("section",{className:"flex flex-col gap-3 rounded-[18px] border border-border-subtle bg-elevated px-4 py-3",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(f,{size:"md",children:"Display"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Show the same query as a compact list or a table."})]}),e.jsx(d,{as:"span",variant:"meta",tone:"tertiary",children:We(C)})]}),e.jsxs(ie,{type:"single",value:C,onValueChange:s=>{(s==="list"||s==="table")&&I(s)},variant:"quiet",size:"sm",className:"self-start",children:[e.jsx(R,{value:"list","aria-label":"Show as list",children:"List"}),e.jsx(R,{value:"table","aria-label":"Show as table",children:"Table"})]}),C==="table"?e.jsxs("div",{className:"rounded-[16px] border border-border-subtle bg-subtle/45 p-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[e.jsx(f,{size:"sm",children:"Table columns"}),e.jsxs(d,{as:"span",variant:"meta",tone:"tertiary",children:[F.length," shown"]})]}),e.jsx("div",{className:"mt-3 grid gap-2 sm:grid-cols-2",children:Xe.map(s=>{const l=we(s);return e.jsxs("div",{className:"flex items-center gap-2 rounded-[12px] border border-border-subtle bg-elevated px-3 py-2",children:[e.jsx(qe,{size:"sm",checked:F.includes(s),disabled:s==="title","aria-label":`Show ${l} column`,onChange:()=>Fe(s)}),e.jsx(d,{as:"span",variant:"label",tone:"secondary",children:l})]},s)})}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-2",children:"Title is always shown because it opens the note."})]}):null]}),e.jsxs("section",{className:"flex flex-col gap-3 rounded-[20px] border border-border-subtle bg-subtle/40 p-4",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(f,{size:"md",children:"Filters"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Use properties for structured fields, and tags for loose topics or context."})]}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(T,{type:"button",variant:"subtle",size:"sm",onClick:De,children:"Add property filter"}),!M&&e.jsx(T,{type:"button",variant:"subtle",size:"sm",onClick:Oe,children:"Add tag filter"})]})]}),A.length===0&&!M?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle bg-elevated/60 px-4 py-3",children:[e.jsx(d,{as:"p",variant:"label",tone:"default",children:$e?"All notes":"No filters"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Add a property filter, a tag filter, or leave this view open to all notes."})]}):null,A.length>0?e.jsx("div",{className:"flex flex-col gap-2.5",children:A.map(s=>{const l=B.get(s.key),v=ve(l);return e.jsxs("div",{className:"grid gap-2 rounded-[16px] border border-border-subtle bg-elevated p-3 md:grid-cols-[minmax(0,1fr)_minmax(10.5rem,12rem)_minmax(0,1fr)_auto] md:items-center",children:[e.jsxs(N,{value:s.key||Q,ariaLabel:"Property filter property",className:"w-full min-w-0",onValueChange:i=>{i!==Q&&D(s.id,{key:i})},children:[e.jsx(m,{value:Q,disabled:!0,children:"Choose property"}),o.map(i=>e.jsx(m,{value:i.key,children:i.name},i.key))]}),e.jsx(N,{value:s.operator,disabled:!l,ariaLabel:"Property filter operator",className:"w-full min-w-0",onValueChange:i=>D(s.id,{operator:i}),children:v.map(i=>e.jsx(m,{value:i,children:je(i)},i))}),X(s.operator)&&l?l.valueType==="select"?e.jsx(N,{value:s.value,ariaLabel:"Property filter value",className:"w-full min-w-0",onValueChange:i=>D(s.id,{value:i}),children:l.options.map(i=>e.jsx(m,{value:i.value,children:i.label},i.value))}):l.valueType==="boolean"?e.jsxs(N,{value:s.value||"true",ariaLabel:"Property filter value",className:"w-full min-w-0",onValueChange:i=>D(s.id,{value:i}),children:[e.jsx(m,{value:"true",children:"True"}),e.jsx(m,{value:"false",children:"False"})]}):e.jsx(ne,{type:Ze(l,s.operator),value:s.value,onChange:i=>D(s.id,{value:i.target.value}),placeholder:et(l,s.operator),"aria-label":"Property filter value"}):e.jsx(d,{as:"span",variant:"label",tone:"tertiary",children:l?"No value needed":"Choose a property first"}),e.jsx(T,{type:"button",variant:"ghost",size:"sm",onClick:()=>Le(s.id),children:"Remove"})]},s.id)})}):null,M?e.jsxs("div",{className:"flex flex-col gap-3 rounded-[16px] border border-border-subtle bg-elevated p-3",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(d,{as:"p",variant:"label",tone:"default",children:"Tag filter"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Match notes by selected tags."})]}),e.jsx(T,{type:"button",variant:"ghost",size:"sm",onClick:ke,children:"Remove"})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(f,{htmlFor:"view-section-tags",size:"sm",children:"Tag names"}),e.jsx(Be,{id:"view-section-tags",value:E,onChange:s=>{S(s.target.value),x("")},placeholder:"@OceanBrain, @todo",size:"sm"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",children:"You can use tags only, properties only, both together, or no filters."})]}),j.length>1?e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(f,{size:"sm",children:"Tag match"}),e.jsxs(ie,{type:"single",value:c,onValueChange:s=>{(s==="and"||s==="or")&&u(s)},variant:"quiet",size:"sm",className:"self-start",children:[e.jsx(R,{value:"and","aria-label":oe("and"),children:"AND"}),e.jsx(R,{value:"or","aria-label":oe("or"),children:"OR"})]}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",children:"AND requires every selected tag. OR accepts any selected tag."})]}):null,e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx(f,{size:"sm",children:"Existing tags"}),e.jsx(d,{as:"span",variant:"meta",tone:"tertiary",children:y?"Loading...":`${n.length} available`})]}),n.length>0?e.jsx("div",{className:"max-h-44 overflow-y-auto rounded-[16px] border border-border-subtle bg-hover-subtle/60 p-3",children:e.jsx("div",{className:"flex flex-wrap gap-2",children:n.map(s=>{const l=j.includes(s.name);return e.jsx("button",{type:"button",className:`inline-flex items-center rounded-full border px-3 py-1.5 text-sm font-medium transition-colors ${l?"border-border-secondary bg-elevated text-fg-default":"border-border-subtle bg-transparent text-fg-secondary hover:border-border-secondary hover:bg-elevated hover:text-fg-default"}`,"aria-pressed":l,onClick:()=>Ee(s.name),children:s.name},s.id)})})}):e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",children:"No tags yet. You can still type tag names manually."})]}):null,e.jsx(d,{as:"p",variant:"meta",tone:G?"default":"tertiary",className:G?"text-fg-error":void 0,children:G||($||y?"Loading filter options...":`${o.length} properties · ${n.length} tags available`)})]}),e.jsxs("details",{className:"group rounded-[18px] border border-border-subtle bg-elevated px-4 py-3",children:[e.jsx("summary",{className:"cursor-pointer list-none",children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx(d,{as:"span",variant:"label",tone:"default",children:"Sort and limit"}),e.jsx(d,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Controls how many matching notes appear on the Views page preview."})]}),e.jsxs(d,{as:"span",variant:"meta",tone:"tertiary",children:[H," notes"]})]})}),e.jsxs("div",{className:"mt-4 grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(f,{id:"view-section-sort-by-label",htmlFor:"view-section-sort-by",size:"sm",children:"Sort by"}),e.jsxs(N,{id:"view-section-sort-by",value:O,"aria-labelledby":"view-section-sort-by-label",onValueChange:s=>k(s),children:[e.jsx(m,{value:"updatedAt",children:"Updated time"}),e.jsx(m,{value:"createdAt",children:"Created time"}),e.jsx(m,{value:"title",children:"Title"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(f,{id:"view-section-sort-order-label",htmlFor:"view-section-sort-order",size:"sm",children:"Order"}),e.jsxs(N,{id:"view-section-sort-order",value:ee,"aria-labelledby":"view-section-sort-order-label",onValueChange:s=>te(s),children:[e.jsx(m,{value:"desc",children:"Descending"}),e.jsx(m,{value:"asc",children:"Ascending"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(f,{id:"view-section-limit-label",htmlFor:"view-section-limit",size:"sm",children:"Preview rows"}),e.jsxs(N,{id:"view-section-limit",value:H,"aria-labelledby":"view-section-limit-label",onValueChange:se,children:[e.jsx(m,{value:"3",children:"3 rows"}),e.jsx(m,{value:"5",children:"5 rows"}),e.jsx(m,{value:"8",children:"8 rows"}),e.jsx(m,{value:"10",children:"10 rows"}),e.jsx(m,{value:"12",children:"12 rows"})]})]})]})]})]})}),e.jsx(P.Footer,{children:e.jsxs(Me,{children:[e.jsx(T,{type:"button",variant:"ghost",size:"sm",onClick:b,children:"Cancel"}),e.jsx(T,{type:"submit",size:"sm",form:"view-section-form",children:r==="create"?"Create section":"Save section"})]})})]})}export{ht as E,W as V,Vt as a,Tt as b,We as c,wt as d,Nt as e,it as f,jt as g,rt as h,gt as i,Ct as j,ut as k,ct as l,ft as m,xt as n,lt as o,ot as p,dt as q,yt as r,vt as s,pt as t,mt as u,bt as v,nt as w,oe as x};

package/server/client/dist/assets/Views-B_wsb-XJ.js

@@ -1 +0,0 @@
-import{j as e}from"./note-vendor-Hoz9Q4-4.js";import{T as u,B as v,L as z,N as ue,t as xe,k as M,u as R,q as b,V as $,D as U,l as B,m as H,n as G,o as K,p as he,r as J,v as be,w as Y,x as X,y as fe,z as Z,c as L,A as ee,M as D,E as ge,I as we,F as ye,G as ve,H as je,K as Ne,J as Se,O as ke,P as Te,i as P,Q,R as Ce,U as Ve,W as De}from"./index-BR05aSXr.js";import{a as C}from"./graph-vendor-BAF95C0g.js";import{f as Re}from"./tag.api-CwmC8crB.js";import{V as S,a as Ee,b as qe,f as We,g as Ae,c as Fe,d as Pe,u as se,e as te,h as ze,i as Ke,E as Le,j as Ie,r as Oe,k as $e,s as Qe,l as _e,m as Me,n as Ue,o as Be,p as He,q as Ge,t as _,v as Je}from"./ViewSectionDialog-brTrsF6G.js";import{S as I}from"./SurfaceCard-pydtvHfu.js";import{s as Ye}from"./ArrowRight.es-CbA8ey6a.js";import{n as O}from"./Plus.es-B0sg64VJ.js";import"./note-core-CMGUaW1v.js";const Xe="group flex min-h-[64px] items-start justify-between gap-3 px-3 py-2.5 transition-colors hover:bg-hover-subtle",Ze=t=>{const r=t.tags.slice(0,2),n=t.tags.length-r.length;return r.length===0?null:e.jsxs(e.Fragment,{children:[r.map(o=>e.jsx(S,{size:"compact",className:"max-w-[116px] shrink-0 border-border-subtle bg-transparent text-fg-secondary",children:o.name},o.id)),n>0&&e.jsxs(S,{size:"compact",className:"shrink-0 border-border-subtle bg-subtle text-fg-tertiary",children:["+",n]})]})};function es({notes:t,isPending:r,isError:n,onRetry:o}){return r?e.jsxs("div",{className:"overflow-hidden bg-transparent",children:[e.jsx("div",{className:"h-[64px] animate-pulse bg-subtle/35"}),e.jsx("div",{className:"h-[64px] animate-pulse border-t border-border-subtle/70 bg-subtle/35"}),e.jsx("div",{className:"h-[64px] animate-pulse border-t border-border-subtle/70 bg-subtle/35"})]}):n?e.jsxs("div",{className:"rounded-[16px] border border-border-subtle bg-subtle/30 p-4",children:[e.jsx(u,{as:"p",variant:"body",weight:"semibold",children:"Failed to load this section"}),e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry to refresh this saved query."}),e.jsx("div",{className:"mt-3",children:e.jsx(v,{type:"button",variant:"ghost",size:"sm",onClick:o,children:"Retry"})})]}):t.length===0?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle px-4 py-5",children:[e.jsx(u,{as:"p",variant:"body",weight:"semibold",children:"No notes match yet"}),e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Add matching notes, or edit this view query."})]}):e.jsx("div",{className:"divide-y divide-border-subtle/70 bg-transparent",children:t.map(i=>e.jsxs(z,{to:ue,params:{id:i.id},className:Xe,children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx(u,{as:"div",variant:"body",weight:"semibold",className:"line-clamp-1",children:i.title||"Untitled"}),e.jsxs("div",{className:"mt-1.5 flex min-w-0 flex-wrap items-center gap-1.5",children:[e.jsxs(u,{as:"span",variant:"label",weight:"medium",tone:"secondary",className:"mr-0.5",children:["Updated ",xe(Number(i.updatedAt))]}),Ze(i)]})]}),e.jsx(Ye,{className:"mt-0.5 h-4 w-4 shrink-0 text-fg-tertiary transition-transform group-hover:translate-x-0.5"})]},i.id))})}function ss({onEdit:t}){return e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle bg-subtle/40 px-4 py-5",children:[e.jsx(u,{as:"p",variant:"body",weight:"semibold",children:"This display type is unavailable"}),e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Switch this section to List or Table to preview the saved query here."}),e.jsx("div",{className:"mt-3",children:e.jsx(v,{type:"button",variant:"ghost",size:"sm",onClick:t,children:"Change display"})})]})}function ts({section:t,notes:r,isPending:n,isError:o,onRetry:i,onEdit:d,onSortChange:l,isSortPending:p}){return t.displayType==="table"?e.jsx(Ee,{section:t,notes:r,isPending:n,isError:o,onRetry:i,onSortChange:l,isSortPending:p}):t.displayType==="calendar"?e.jsx(ss,{onEdit:d}):e.jsx(es,{notes:r,isPending:n,isError:o,onRetry:i})}function rs({section:t,onEdit:r,onDuplicate:n,onDelete:o,dragHandle:i}){const d=M(),l=H(),[p,f]=C.useState(!1),g=qe(t),{data:j,isPending:w,isError:c,refetch:E}=R({queryKey:b.views.sectionNotes(t.id,{limit:t.limit,offset:0}),async queryFn(){const m=await We(t.id,{limit:t.limit,offset:0});if(m.type==="error")throw m;return m.viewSectionNotes}}),V=j?.notes??[],q=j?.totalCount??0,W=Ae(t.mode),A=t.tagNames.length>0||t.propertyFilters.length>0,F=async m=>{if(p)return;const h=t.sortBy===m?t.sortOrder==="asc"?"desc":"asc":m==="title"?"asc":"desc";f(!0);const x=await se(t.id,te(t,{sortBy:m,sortOrder:h}));if(x.type==="error"){l(x.errors[0]?.message??"Failed to update table sort."),f(!1);return}await d.invalidateQueries({queryKey:b.views.all(),exact:!1}),f(!1)};return e.jsxs(I,{flush:!0,className:"flex h-full flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3 border-b border-border-subtle/75 px-4 py-3.5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[i&&e.jsx("div",{className:"-mr-1 shrink-0 self-center",children:i}),e.jsx("div",{className:"min-w-0",children:e.jsx(u,{as:"h2",variant:"subheading",weight:"semibold",tracking:"tight",className:"min-w-0",children:e.jsx(z,{to:$,search:g,className:"truncate hover:text-fg-default/85",children:t.title})})})]}),e.jsxs("div",{className:"mt-3 flex flex-wrap gap-1.5",children:[e.jsx(S,{className:"max-w-full border-border-subtle/80 bg-elevated text-fg-secondary",children:Fe(t.displayType)}),t.tagNames.map((m,h)=>e.jsxs("div",{className:"flex min-w-0 items-center gap-1.5",children:[h>0&&e.jsx("span",{className:"px-0.5 text-[10px] font-semibold tracking-[0.08em] text-fg-tertiary/85",children:W}),e.jsx(S,{className:"max-w-full border-border-subtle/80 bg-transparent text-fg-secondary",children:m})]},m)),t.propertyFilters.map(m=>e.jsx(S,{className:"max-w-full border-border-subtle/80 bg-subtle text-fg-secondary",children:Pe(m)},`${m.key}-${m.operator}-${m.value??""}`)),!A&&e.jsx(S,{className:"max-w-full border-border-subtle/80 bg-transparent text-fg-tertiary",children:"All notes"})]})]}),e.jsx(U,{button:e.jsx(B,{label:"Section actions"}),items:[{name:"Edit section",onClick:r},{name:"Duplicate section",onClick:n},{type:"separator"},{name:"Delete section",onClick:o}]})]}),e.jsx("div",{className:"flex flex-1 flex-col",children:e.jsx(ts,{section:t,notes:V,isPending:w,isError:c,onRetry:()=>{E()},onEdit:r,onSortChange:F,isSortPending:p})}),e.jsxs("div",{className:"flex items-center justify-between gap-3 border-t border-border-subtle/75 px-4 py-3",children:[e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",children:w?"Loading notes...":`Showing ${V.length} of ${q} notes`}),e.jsx(v,{asChild:!0,variant:"subtle",size:"sm",children:e.jsx(z,{to:$,search:g,children:"Open results"})})]})]})}const as="group flex h-10 max-w-[72vw] shrink-0 items-center rounded-[12px] border transition-[background-color,border-color,color,box-shadow] sm:max-w-[176px]",is="focus-ring-soft inline-flex h-full min-w-0 flex-1 touch-pan-x items-center gap-1 rounded-[11px] px-3 text-[13px] font-medium outline-none transition-colors";function ns({tab:t,isActive:r,onSelect:n}){const{attributes:o,listeners:i,setNodeRef:d,setActivatorNodeRef:l,transform:p,transition:f,isDragging:g}=Z({id:t.id});return e.jsx("div",{ref:d,style:{transform:ee.Translate.toString(p),transition:f,opacity:g?.6:1},className:L(as,r?"border-border-secondary/80 bg-elevated text-fg-default shadow-[0_8px_18px_-18px_rgba(15,18,24,0.28)]":"border-transparent bg-transparent text-fg-secondary hover:border-border-subtle/80 hover:bg-hover-subtle hover:text-fg-default"),children:e.jsxs("button",{type:"button",ref:l,...o,...i,role:"tab","aria-selected":r,title:`${t.title}. Drag to reorder.`,className:L(is,r?"text-fg-default":"text-fg-secondary group-hover:text-fg-default",g?"cursor-grabbing":"cursor-pointer"),onClick:n,children:[e.jsx("span",{className:"min-w-0 flex-1 truncate",children:t.title}),e.jsx("span",{className:"inline-flex min-w-4 shrink-0 items-center justify-center rounded-full bg-hover-subtle/75 px-1 py-0 text-[10px] leading-4 text-current/70",children:t.sections.length})]})})}function os({tabs:t,activeTabId:r,onSelectTab:n,onReorderTabs:o,onCreateTab:i}){const d=G(K(he,{activationConstraint:{distance:8}}));return e.jsx("div",{className:"-mx-1 rounded-[16px] border border-border-subtle/75 bg-subtle/50 p-1 sm:mx-0",children:e.jsx(J,{sensors:d,collisionDetection:Y,modifiers:[be],autoScroll:!1,onDragEnd:l=>{o(l)},children:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(X,{items:t.map(l=>l.id),strategy:fe,children:e.jsx("div",{role:"tablist","aria-label":"Views tab list",className:"flex min-w-0 flex-1 items-center gap-1 overflow-x-auto overflow-y-hidden",children:t.map(l=>e.jsx(ns,{tab:l,isActive:l.id===r,onSelect:()=>{n(l)}},l.id))})}),e.jsxs(v,{type:"button","aria-label":"New view tab",variant:"ghost",size:"sm",className:"h-10 w-10 shrink-0 rounded-[12px] border-transparent bg-transparent px-0 text-[13px] text-fg-secondary hover:border-border-subtle/80 hover:bg-hover-subtle hover:text-fg-default sm:w-auto sm:px-2.5",onClick:i,children:[e.jsx(O,{className:"h-5 w-5 shrink-0"}),e.jsx("span",{className:"hidden sm:inline",children:"New view tab"})]})]})})})}function ls({open:t,mode:r,initialTitle:n="",onClose:o,onSubmit:i}){const[d,l]=C.useState(n);return C.useEffect(()=>{t&&l(n)},[n,t]),e.jsxs(D,{isOpen:t,onClose:o,variant:"form",className:"sm:max-w-[480px]",children:[e.jsx(D.Header,{title:r==="create"?"Create view tab":"Rename view tab",onClose:o}),e.jsx(D.Body,{children:e.jsxs("form",{id:"view-tab-form",className:"flex flex-col gap-4",onSubmit:p=>{p.preventDefault(),i(d)},children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(ge,{htmlFor:"view-tab-title",size:"md",children:"Tab name"}),e.jsx(we,{id:"view-tab-title",value:d,onChange:p=>l(p.target.value),placeholder:"Now",autoFocus:!0})]}),e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",children:"Each tab is one saved view inside the Views page."})]})}),e.jsx(D.Footer,{children:e.jsxs(ye,{children:[e.jsx(v,{type:"button",variant:"ghost",size:"sm",onClick:o,children:"Cancel"}),e.jsx(v,{type:"submit",size:"sm",form:"view-tab-form",children:r==="create"?"Create tab":"Save tab"})]})})]})}const cs="Save reusable note queries with tags, shared properties, and sorting.",ds="focus-ring-soft hidden h-8 w-8 items-center justify-center rounded-[10px] text-fg-default/70 outline-none transition-colors hover:bg-hover-subtle hover:text-fg-default sm:inline-flex touch-none",ms=({section:t,onEdit:r,onDuplicate:n,onDelete:o})=>{const{attributes:i,listeners:d,setNodeRef:l,setActivatorNodeRef:p,transform:f,transition:g,isDragging:j}=Z({id:t.id});return e.jsx("div",{ref:l,style:{transform:ee.Translate.toString(f),transition:g,opacity:j?.6:1},children:e.jsx(rs,{section:t,onEdit:r,onDuplicate:n,onDelete:o,dragHandle:e.jsx("button",{type:"button",ref:p,"aria-label":`Reorder section ${t.title}`,...i,...d,className:L(ds,j?"cursor-grabbing":"cursor-grab"),children:e.jsx(De,{className:"size-4"})})})})};function vs(){const t=ve(),r=H(),n=M(),[o,i]=C.useState(null),[d,l]=C.useState(null),{data:p,isPending:f,isError:g,refetch:j}=R({queryKey:b.views.workspace(),async queryFn(){const s=await ze();if(s.type==="error")throw s;return s.viewWorkspace}}),w=p??Le,c=Ke(w),{data:E,isPending:V}=R({queryKey:b.tags.list({limit:200}),async queryFn(){const s=await Re({limit:200});if(s.type==="error")throw s;return s.allTags}}),q=G(K(Se,{activationConstraint:{distance:8}}),K(Ne,{coordinateGetter:je})),W=E?.tags??[],{data:A,isPending:F}=R({queryKey:b.notes.propertyKeys({limit:100}),async queryFn(){const s=await ke({limit:100});if(s.type==="error")throw s;return s.notePropertyKeys}}),m=A?.keys??[],h=s=>{n.setQueryData(b.views.workspace(),s)},x=async()=>{await n.invalidateQueries({queryKey:b.views.all(),exact:!1})},re=async({active:s,over:a})=>{if(!a||s.id===a.id)return;const N=n.getQueryData(b.views.workspace())??w,y=Oe(N,String(s.id),String(a.id));h(y);const k=await $e(y.tabs.map(T=>T.id));if(k.type==="error"){h(N),r(k.errors[0].message);return}await x()},ae=async s=>{const a=n.getQueryData(b.views.workspace())??w,N=Qe(a,s.id);h(N);const y=await _e(s.id);if(y.type==="error"){h(a),r(y.errors[0].message);return}h(y.setActiveViewTab)},ie=async({active:s,over:a})=>{if(!c||!a||s.id===a.id)return;const N=n.getQueryData(b.views.workspace())??w,y=Me(N,c.id,String(s.id),String(a.id));h(y);const k=await Ue(c.id,y.tabs.find(T=>T.id===c.id)?.sections.map(T=>T.id)??[]);if(k.type==="error"){h(N),r(k.errors[0].message);return}await x()},ne=async s=>{const a=await Be(s);if(a.type==="error"){r(a.errors[0].message);return}await x(),i(null)},oe=async s=>{if(!c)return;const a=await He(c.id,s);if(a.type==="error"){r(a.errors[0].message);return}await x(),i(null)},le=async()=>{if(!c||!await t("Delete this view tab and all of its sections?"))return;const s=await Ge(c.id);if(s.type==="error"){r(s.errors[0].message);return}await x()},ce=async s=>{if(!c)return;const a=await _(c.id,s);if(a.type==="error"){r(a.errors[0].message);return}await x(),l(null)},de=async s=>{if(!c||!d||d.mode!=="edit")return;const a=await se(d.section.id,s);if(a.type==="error"){r(a.errors[0].message);return}await x(),l(null)},me=async s=>{const a=await _(s.tabId,{...te(s),title:`${s.title} copy`});if(a.type==="error"){r(a.errors[0].message);return}await x(),r("Section duplicated.")},pe=async s=>{if(!c||!await t("Delete this section from the current view tab?"))return;const a=await Je(s);if(a.type==="error"){r(a.errors[0].message);return}await x()};return e.jsxs(e.Fragment,{children:[e.jsx(Te,{title:"Views",description:cs,children:f&&!p?e.jsx(I,{className:"px-6 py-8 sm:px-8 sm:py-10",children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(P,{height:20,width:180,className:"rounded-full"}),e.jsx(P,{height:16,width:260,className:"rounded-full"}),e.jsx(P,{height:44,width:140,className:"rounded-[12px]"})]})}):g?e.jsxs(I,{className:"px-6 py-8 sm:px-8 sm:py-10",children:[e.jsx(u,{as:"p",variant:"body",weight:"semibold",children:"Failed to load saved views"}),e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry loading your saved view tabs."}),e.jsx("div",{className:"mt-4",children:e.jsx(v,{type:"button",variant:"ghost",size:"sm",onClick:()=>{j()},children:"Retry"})})]}):w.tabs.length===0?e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(Q,{title:"Create your first view tab",description:"Start with a saved view tab, then add sections that query notes by tags, properties, or both.",className:"h-[320px]"}),e.jsx("div",{className:"flex justify-center",children:e.jsxs(v,{type:"button",onClick:()=>i({mode:"create"}),children:[e.jsx(O,{className:"h-4 w-4"}),"Create first tab"]})})]}):e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsx(os,{tabs:w.tabs,activeTabId:c?.id??null,onSelectTab:ae,onReorderTabs:re,onCreateTab:()=>i({mode:"create"})}),c&&e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsxs("div",{className:"flex flex-col gap-3 border-b border-border-subtle/80 px-1 pb-4 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(u,{as:"h2",variant:"subheading",weight:"semibold",tracking:"tight",truncate:!0,children:c.title}),e.jsx(u,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:c.sections.length>0?`${c.sections.length} section${c.sections.length===1?"":"s"} in this view`:"Add sections to build this view"})]}),e.jsxs("div",{className:"inline-flex flex-wrap items-center gap-2 self-start sm:self-center",children:[e.jsxs(v,{type:"button",size:"sm",onClick:()=>l({mode:"create"}),children:[e.jsx(O,{className:"h-4 w-4"}),"Add section"]}),e.jsx(U,{button:e.jsx(B,{label:"View tab actions"}),items:[{name:"Rename tab",onClick:()=>i({mode:"edit",tab:c})},{type:"separator"},{name:"Delete tab",onClick:()=>{le()}}]})]})]}),c.sections.length===0?e.jsx(Q,{title:"Add the first section to this tab",description:"Sections can pull notes by tags, properties, or both.",className:"h-[300px]"}):e.jsx("div",{className:"flex flex-col",children:e.jsx(J,{sensors:q,collisionDetection:Y,modifiers:[Ce],onDragEnd:ie,children:e.jsx(X,{items:c.sections.map(s=>s.id),strategy:Ve,children:e.jsx("div",{className:"flex flex-col gap-4",children:c.sections.map(s=>e.jsx(ms,{section:s,onEdit:()=>l({mode:"edit",section:s}),onDuplicate:()=>{me(s)},onDelete:()=>{pe(s.id)}},s.id))})})})})]})]})}),e.jsx(ls,{open:o!==null,mode:o?.mode??"create",initialTitle:o?.mode==="edit"?o.tab.title:"",onClose:()=>i(null),onSubmit:s=>{if(o?.mode==="edit"){oe(s);return}ne(s)}}),e.jsx(Ie,{open:d!==null,mode:d?.mode??"create",initialSection:d?.mode==="edit"?d.section:null,availableTags:W,availableProperties:m,isTagsLoading:V,isPropertiesLoading:F,onClose:()=>l(null),onSubmit:s=>{if(d?.mode==="edit"){de(s);return}ce(s)}})]})}export{vs as default};