https://www.intelital.com/_next/static/chunks/pages/admin/components-gallery-67b274b76ea05d4f.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="c3b47ac6-acab-478d-832f-0045a8f2ed99",e._sentryDebugIdIdentifier="sentry-dbid-c3b47ac6-acab-478d-832f-0045a8f2ed99")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6637],{44602:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/components-gallery",function(){return a(47364)}])},47364:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>h});var n=a(37876),l=a(7877),t=a(87168),i=a(83058),r=a(3144),c=a(19982),d=a(59577),o=a(14232);function x({title:e,children:s}){return(0,n.jsxs)("section",{className:"space-y-4",children:[(0,n.jsx)("h2",{className:"text-base font-semibold text-fg-primary font-sans border-b border-line-soft pb-2",children:e}),(0,n.jsx)("div",{className:"flex flex-wrap gap-3 items-start",children:s})]})}function h(){let[e,s]=(0,o.useState)(!1),[a,h]=(0,o.useState)(!1),[j,p]=(0,o.useState)("a"),[u,g]=(0,o.useState)(!0);return(0,n.jsx)("div",{className:"min-h-screen bg-surface-app p-8",children:(0,n.jsxs)("div",{className:"max-w-4xl mx-auto space-y-10",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{className:"text-2xl font-semibold text-fg-primary font-sans",children:"Component Gallery"}),(0,n.jsx)("p",{className:"text-[13px] text-fg-secondary font-sans mt-1",children:"INN-1684 — QA reference for all core UI components"})]}),(0,n.jsxs)(x,{title:"Button",children:[(0,n.jsx)(t.$n,{variant:"primary",children:"Primary"}),(0,n.jsx)(t.$n,{variant:"secondary",children:"Secondary"}),(0,n.jsx)(t.$n,{variant:"ghost",children:"Ghost"}),(0,n.jsx)(t.cG,{label:"Sizes",className:"w-full"}),(0,n.jsx)(t.$n,{variant:"primary",size:"sm",children:"Small"}),(0,n.jsx)(t.$n,{variant:"primary",size:"md",children:"Medium (default)"}),(0,n.jsx)(t.$n,{variant:"primary",size:"lg",children:"Large"}),(0,n.jsx)(t.cG,{label:"States",className:"w-full"}),(0,n.jsx)(t.$n,{variant:"primary",loading:!0,children:"Loading"}),(0,n.jsx)(t.$n,{variant:"primary",disabled:!0,children:"Disabled"}),(0,n.jsx)(t.cG,{label:"With icons",className:"w-full"}),(0,n.jsx)(t.$n,{variant:"primary",icon:(0,n.jsx)(i.A,{className:"w-4 h-4"}),children:"Icon left"}),(0,n.jsx)(t.$n,{variant:"secondary",icon:(0,n.jsx)(r.A,{className:"w-4 h-4"}),iconPosition:"right",children:"Icon right"})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Input",children:[(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.pd,{label:"Default",placeholder:"Placeholder text"})}),(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.pd,{label:"Required",placeholder:"Required field",required:!0,helperText:"Helper text appears here"})}),(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.pd,{label:"Error state",placeholder:"Wrong value",error:"This field is required"})}),(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.pd,{label:"Disabled",placeholder:"Cannot edit",disabled:!0})}),(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.pd,{label:"With icons",placeholder:"Search...",leadingIcon:(0,n.jsx)(c.A,{className:"w-4 h-4"}),trailingIcon:(0,n.jsx)(d.A,{className:"w-4 h-4"})})})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Select",children:[(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.l6,{label:"Country",placeholder:"Select one…",options:[{value:"mx",label:"Mexico"},{value:"us",label:"United States"},{value:"ca",label:"Canada"}]})}),(0,n.jsx)("div",{className:"w-64",children:(0,n.jsx)(t.l6,{label:"Error state",options:[{value:"a",label:"Option A"}],error:"Selection required"})})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Checkbox",children:[(0,n.jsx)(t.Sc,{label:"Unchecked",checked:!1,onChange:()=>{}}),(0,n.jsx)(t.Sc,{label:"Checked",checked:e,onChange:e=>s(e.target.checked)}),(0,n.jsx)(t.Sc,{label:"Disabled",disabled:!0}),(0,n.jsx)(t.Sc,{label:"Disabled checked",checked:!0,disabled:!0}),(0,n.jsx)(t.Sc,{label:"With error",error:"Required"})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Toggle / Switch",children:[(0,n.jsx)(t.lM,{label:"Off",checked:!1,onChange:()=>{}}),(0,n.jsx)(t.lM,{label:"On",checked:a,onChange:e=>h(e)}),(0,n.jsx)(t.lM,{label:"Disabled",checked:!1,onChange:()=>{},disabled:!0}),(0,n.jsx)(t.lM,{label:"Label left",checked:a,onChange:()=>{}})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Radio",children:[(0,n.jsx)(t.sx,{name:"gallery-radio",value:"a",label:"Option A",checked:"a"===j,onChange:()=>p("a")}),(0,n.jsx)(t.sx,{name:"gallery-radio",value:"b",label:"Option B",checked:"b"===j,onChange:()=>p("b")}),(0,n.jsx)(t.sx,{label:"Disabled",disabled:!0})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Card",children:[(0,n.jsxs)(t.Zp,{className:"p-6 w-52",children:[(0,n.jsx)("p",{className:"text-sm font-medium text-fg-primary font-sans",children:"Default card"}),(0,n.jsx)("p",{className:"text-[13px] text-fg-tertiary font-sans mt-1",children:"bg-canvas \xb7 border-default \xb7 shadow-sm"})]}),(0,n.jsxs)(t.Zp,{variant:"surface",className:"p-6 w-52",children:[(0,n.jsx)("p",{className:"text-sm font-medium text-fg-primary font-sans",children:"Surface card"}),(0,n.jsx)("p",{className:"text-[13px] text-fg-tertiary font-sans mt-1",children:"bg-surface \xb7 border-subtle"})]}),(0,n.jsxs)(t.Zp,{hoverable:!0,className:"p-6 w-52",children:[(0,n.jsx)("p",{className:"text-sm font-medium text-fg-primary font-sans",children:"Hoverable"}),(0,n.jsx)("p",{className:"text-[13px] text-fg-tertiary font-sans mt-1",children:"hover for shadow-md"})]})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Pill",children:[(0,n.jsx)(t.ab,{children:"Default pill"}),(0,n.jsx)(t.ab,{children:"Q4 2025"}),(0,n.jsx)(t.ab,{children:"Enterprise"})]}),(0,n.jsxs)(x,{title:"Chip (with indicator)",children:[(0,n.jsx)(t.vu,{color:"green",children:"Past win"}),(0,n.jsx)(t.vu,{color:"magenta",children:"Live signal"}),(0,n.jsx)(t.vu,{color:"amber",children:"Pending"}),(0,n.jsx)(t.vu,{color:"red",children:"At risk"})]}),(0,n.jsxs)(x,{title:"Badge (status)",children:[(0,n.jsx)(t.Ex,{variant:"new"}),(0,n.jsx)(t.Ex,{variant:"reviewed"}),(0,n.jsx)(t.Ex,{variant:"acted"}),(0,n.jsx)(t.Ex,{variant:"done"}),(0,n.jsx)(t.Ex,{variant:"live"}),(0,n.jsx)(t.Ex,{variant:"demo"}),(0,n.jsx)(t.Ex,{variant:"staging"})]}),(0,n.jsxs)(x,{title:"Filter chip",children:[(0,n.jsx)(t.$7,{selected:u,onRemove:()=>g(!1),onClick:()=>g(!0),children:"Decision queue"}),(0,n.jsx)(t.$7,{selected:!1,onClick:()=>{},children:"Universe"}),(0,n.jsx)(t.$7,{selected:!1,onClick:()=>{},children:"Agents"})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Tooltip",children:[(0,n.jsx)(t.m_,{content:"Appears after 400ms hover",placement:"top",children:(0,n.jsx)(t.$n,{variant:"secondary",children:"Top (hover)"})}),(0,n.jsx)(t.m_,{content:"Appears below the trigger",placement:"bottom",children:(0,n.jsx)(t.$n,{variant:"secondary",children:"Bottom"})}),(0,n.jsx)(t.m_,{content:"Instant on keyboard focus. Text wraps if it's longer than 240px max-width.",children:(0,n.jsx)(t.$n,{variant:"secondary",children:"Long content"})})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Spinner",children:[(0,n.jsx)(t.y$,{size:"sm",className:"text-brand-teal"}),(0,n.jsx)(t.y$,{size:"md",className:"text-brand-teal"}),(0,n.jsx)(t.y$,{size:"lg",className:"text-brand-teal"}),(0,n.jsx)(t.y$,{size:"md",className:"text-signal-green"}),(0,n.jsx)(t.y$,{size:"md",className:"text-agents-magenta"})]}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)(x,{title:"Skeleton loader (shimmer)",children:[(0,n.jsxs)("div",{className:"space-y-2 w-64",children:[(0,n.jsx)(t.EA,{className:"h-4 w-3/4"}),(0,n.jsx)(t.EA,{className:"h-4 w-full"}),(0,n.jsx)(t.EA,{className:"h-4 w-1/2"})]}),(0,n.jsx)(t.EA,{className:"h-24 w-48 rounded-xl"}),(0,n.jsx)(t.EA,{className:"w-10 h-10 rounded-full"})]}),(0,n.jsx)(t.cG,{}),(0,n.jsx)(x,{title:"Divider",children:(0,n.jsxs)("div",{className:"w-full space-y-6",children:[(0,n.jsx)(t.cG,{}),(0,n.jsx)(t.cG,{label:"or continue with"}),(0,n.jsx)(t.cG,{label:"Section header"})]})}),(0,n.jsx)(t.cG,{}),(0,n.jsxs)("section",{className:"space-y-4",children:[(0,n.jsx)("h2",{className:"text-base font-semibold text-fg-primary font-sans border-b border-line-soft pb-2",children:"DecisionCard — confidence tiers"}),(0,n.jsx)("p",{className:"text-[13px] text-fg-tertiary font-sans",children:"One card per tier: very high → high → medium → low. All in “new” state with a live signal."}),(0,n.jsx)("div",{className:"space-y-4 max-w-2xl",children:m.map(e=>(0,n.jsx)(l.lo,{decision:e,onStateChange:()=>{},onPinToggle:()=>{},onDraftSave:()=>{},onSnooze:()=>{},onActed:()=>{},onUndoActed:()=>{},onNoteSave:()=>{}},e.id))})]})]})})}let m=[{id:"demo-very-high",companyId:"demo-very-high",entityName:"Northstar Labs",entityType:"Account",workspace:"Sales",section:"today",urgency:"act_today",confidence:"very_high",confidenceScore:91,signalType:"funding",signalText:"Series B announced — new VP of Ops hired this week",sources:[{label:"funding model"},{label:"linkedin.com",url:"https://linkedin.com",host:"linkedin.com"}],state:"new",segment:"SaaS \xb7 Series B",headcount:210,lastTouchMonths:2,leads:[{id:"l1",name:"Maya Reyes",title:"VP Operations"},{id:"l2",name:"Dan Cho",title:"CTO"}],signals:[{id:"s1",text:"Raised $28M Series B",weight:18,synthetic:!0,source:"Crunchbase"},{id:"s2",text:"New VP Ops onboarded",weight:12,synthetic:!0,source:"LinkedIn"}]},{id:"demo-high",companyId:"demo-high",entityName:"Sterling Wholesale",entityType:"Account",workspace:"Sales",section:"today",urgency:"this_week",confidence:"high",confidenceScore:78,signalType:"engagement",signalText:"Engagement has dropped 40% over six weeks",sources:[{label:"engagement model"}],state:"new",segment:"Distribution \xb7 Growth",headcount:85,lastTouchMonths:1},{id:"demo-medium",companyId:"demo-medium",entityName:"Fieldwork Co.",entityType:"Account",workspace:"Sales",section:"this_week",urgency:"this_week",confidence:"medium",confidenceScore:62,signalType:"title_change",signalText:"Director of Revenue replaced — org restructure likely",sources:[{label:"linkedin"},{label:"press"}],state:"new",segment:"Professional Services",headcount:140,lastTouchMonths:3},{id:"demo-low",companyId:"demo-low",entityName:"Avora Systems",entityType:"Account",workspace:"Sales",section:"this_week",urgency:"watch",confidence:"low",confidenceScore:44,signalType:"press",signalText:"Mentioned in analyst report on mid-market automation",sources:[{label:"press"}],state:"new"}]},59577:(e,s,a)=>{"use strict";a.d(s,{A:()=>n});let n=(0,a(77161).A)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},83058:(e,s,a)=>{"use strict";a.d(s,{A:()=>n});let n=(0,a(77161).A)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]])}},e=>{e.O(0,[8638,9028,220,7168,7877,636,6593,8792],()=>e(e.s=44602)),_N_E=e.O()}]);