@ledgerhq/device-management-kit-devtools-ui 1.1.1

package/lib/esm/src/screens/inspector/MyLedgerProviderControl.js

@@ -0,0 +1,40 @@
+import{useEffect as p,useState as l}from"react";import n from"styled-components";import{jsx as s,jsxs as v}from"react/jsx-runtime";const c=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  background: #f5f5f5;
+  border-radius: 8px;
+  margin-bottom: 16px;
+`,b=n.label`
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+`,x=n.input`
+  width: 80px;
+  padding: 6px 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 14px;
+  font-family: monospace;
+
+  &:focus {
+    outline: none;
+    border-color: #2196f3;
+  }
+`,h=n.button`
+  padding: 4px 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  background: white;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+
+  &:hover {
+    background: #f0f0f0;
+    border-color: #bbb;
+  }
+`,I=({currentValue:e,onGet:r,onSet:f})=>{const[u,t]=l(""),[a,i]=l(!1);return p(()=>{r()},[r]),p(()=>{e!==null&&!a&&t(String(e))},[e,a]),v(c,{children:[s(b,{htmlFor:"provider-input",children:"My Ledger API provider:"}),s(x,{id:"provider-input",type:"number",min:"0",value:u,onChange:g=>{const d=g.target.value;t(d),i(!0);const o=parseInt(d,10);!isNaN(o)&&o>=0&&String(o)===d&&f(o)},onBlur:()=>i(!1)}),s(h,{onClick:()=>{i(!1),r(),e!==null&&t(String(e))},title:"Refresh",children:"\u{1F504}"})]})};export{I as MyLedgerProviderControl};
+//# sourceMappingURL=MyLedgerProviderControl.js.map

package/lib/esm/src/screens/inspector/MyLedgerProviderControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/inspector/MyLedgerProviderControl.tsx"],
+  "sourcesContent": ["import React, { useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: #f5f5f5;\n  border-radius: 8px;\n  margin-bottom: 16px;\n`;\n\nconst Label = styled.label`\n  font-size: 14px;\n  font-weight: 500;\n  color: #333;\n`;\n\nconst Input = styled.input`\n  width: 80px;\n  padding: 6px 8px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 14px;\n  font-family: monospace;\n\n  &:focus {\n    outline: none;\n    border-color: #2196f3;\n  }\n`;\n\nconst RefreshButton = styled.button`\n  padding: 4px 8px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: white;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background: #f0f0f0;\n    border-color: #bbb;\n  }\n`;\n\ntype MyLedgerProviderControlProps = {\n  currentValue: number | null;\n  onGet: () => void;\n  onSet: (value: number) => void;\n};\n\nexport const MyLedgerProviderControl: React.FC<\n  MyLedgerProviderControlProps\n> = ({ currentValue, onGet, onSet }) => {\n  const [inputValue, setInputValue] = useState<string>(\"\");\n  const [isEditing, setIsEditing] = useState(false);\n\n  // Fetch provider value on mount\n  useEffect(() => {\n    onGet();\n  }, [onGet]);\n\n  // Sync input with current value when it changes from server (only if not actively editing)\n  useEffect(() => {\n    if (currentValue !== null && !isEditing) {\n      setInputValue(String(currentValue));\n    }\n  }, [currentValue, isEditing]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setInputValue(value);\n    setIsEditing(true);\n\n    const parsed = parseInt(value, 10);\n    if (!isNaN(parsed) && parsed >= 0 && String(parsed) === value) {\n      onSet(parsed);\n    }\n  };\n\n  const handleRefresh = () => {\n    setIsEditing(false);\n    onGet();\n    // Immediately sync to current value if available\n    if (currentValue !== null) {\n      setInputValue(String(currentValue));\n    }\n  };\n\n  return (\n    <Container>\n      <Label htmlFor=\"provider-input\">My Ledger API provider:</Label>\n      <Input\n        id=\"provider-input\"\n        type=\"number\"\n        min=\"0\"\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={() => setIsEditing(false)}\n      />\n      <RefreshButton onClick={handleRefresh} title=\"Refresh\">\n        \uD83D\uDD04\n      </RefreshButton>\n    </Container>\n  );\n};\n"],
+  "mappings": "AAAA,OAAgB,aAAAA,EAAW,YAAAC,MAAgB,QAC3C,OAAOC,MAAY,oBA6Ff,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3FJ,MAAMC,EAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWnBI,EAAQJ,EAAO;AAAA;AAAA;AAAA;AAAA,EAMfK,EAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcfM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBhBO,EAET,CAAC,CAAE,aAAAC,EAAc,MAAAC,EAAO,MAAAC,CAAM,IAAM,CACtC,KAAM,CAACC,EAAYC,CAAa,EAAIb,EAAiB,EAAE,EACjD,CAACc,EAAWC,CAAY,EAAIf,EAAS,EAAK,EAGhD,OAAAD,EAAU,IAAM,CACdW,EAAM,CACR,EAAG,CAACA,CAAK,CAAC,EAGVX,EAAU,IAAM,CACVU,IAAiB,MAAQ,CAACK,GAC5BD,EAAc,OAAOJ,CAAY,CAAC,CAEtC,EAAG,CAACA,EAAcK,CAAS,CAAC,EAuB1BX,EAACC,EAAA,CACC,UAAAF,EAACG,EAAA,CAAM,QAAQ,iBAAiB,mCAAuB,EACvDH,EAACI,EAAA,CACC,GAAG,iBACH,KAAK,SACL,IAAI,IACJ,MAAOM,EACP,SA5BgBI,GAA2C,CAC/D,MAAMC,EAAQD,EAAE,OAAO,MACvBH,EAAcI,CAAK,EACnBF,EAAa,EAAI,EAEjB,MAAMG,EAAS,SAASD,EAAO,EAAE,EAC7B,CAAC,MAAMC,CAAM,GAAKA,GAAU,GAAK,OAAOA,CAAM,IAAMD,GACtDN,EAAMO,CAAM,CAEhB,EAoBM,OAAQ,IAAMH,EAAa,EAAK,EAClC,EACAb,EAACK,EAAA,CAAc,QApBG,IAAM,CAC1BQ,EAAa,EAAK,EAClBL,EAAM,EAEFD,IAAiB,MACnBI,EAAc,OAAOJ,CAAY,CAAC,CAEtC,EAa2C,MAAM,UAAU,qBAEvD,GACF,CAEJ",
+  "names": ["useEffect", "useState", "styled", "jsx", "jsxs", "Container", "Label", "Input", "RefreshButton", "MyLedgerProviderControl", "currentValue", "onGet", "onSet", "inputValue", "setInputValue", "isEditing", "setIsEditing", "e", "value", "parsed"]
+}

package/lib/esm/src/screens/inspector/SessionsSection.js

@@ -0,0 +1,2 @@
+import{useMemo as m}from"react";import{DeviceCard as S}from"./DeviceCard";import{CenteredMessage as l,DeviceList as g,SectionTitle as C,SubsectionTitle as f}from"./styles";import{Fragment as p,jsx as n,jsxs as o}from"react/jsx-runtime";const y=(t,s)=>{const i=s.get(t.sessionId);return i?i.deviceStatus!=="NOT CONNECTED":!0},R=({devices:t,sessionStates:s,onDisconnect:i,onSendApdu:a,apduResponses:v,isAnyDiscoveryActive:u})=>{const{activeDevices:c,disconnectedDevices:r}=m(()=>{const e=[],D=[];for(const d of t)y(d,s)?e.push(d):D.push(d);return{activeDevices:e,disconnectedDevices:D}},[t,s]);return t.length===0&&!u?n(l,{children:n("p",{children:"No devices connected yet."})}):o(p,{children:[c.length>0&&o(p,{children:[o(C,{children:["Active Sessions (",c.length,")"]}),n(g,{style:{marginBottom:16},children:c.map(e=>n(S,{device:e,state:s.get(e.sessionId),onDisconnect:()=>i(e.sessionId),onSendApdu:a,apduResponses:v},e.sessionId))})]}),r.length>0&&o(p,{children:[o(f,{children:["Inactive Sessions (",r.length,")"]}),n(g,{children:r.map(e=>n(S,{device:e,state:s.get(e.sessionId),onDisconnect:()=>i(e.sessionId),onSendApdu:a,apduResponses:v},e.sessionId))})]})]})};export{R as SessionsSection};
+//# sourceMappingURL=SessionsSection.js.map

package/lib/esm/src/screens/inspector/SessionsSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/inspector/SessionsSection.tsx"],
+  "sourcesContent": ["/**\n * @file SessionsSection\n *\n * Section of the Inspector that displays device sessions.\n * Shows active sessions (connected devices) and disconnected sessions separately.\n */\n\nimport React, { useMemo } from \"react\";\nimport {\n  type ConnectedDevice,\n  type DeviceSessionState,\n} from \"@ledgerhq/device-management-kit\";\n\nimport { type ApduResponse } from \"../../hooks/useConnectorMessages\";\nimport { DeviceCard } from \"./DeviceCard\";\nimport {\n  CenteredMessage,\n  DeviceList,\n  SectionTitle,\n  SubsectionTitle,\n} from \"./styles\";\n\ntype SessionsSectionProps = {\n  devices: ConnectedDevice[];\n  sessionStates: Map<string, DeviceSessionState>;\n  onDisconnect: (sessionId: string) => void;\n  onSendApdu: (sessionId: string, apduHex: string) => string;\n  apduResponses: Map<string, ApduResponse>;\n  isAnyDiscoveryActive: boolean;\n};\n\nconst isDeviceConnected = (\n  device: ConnectedDevice,\n  sessionStates: Map<string, DeviceSessionState>,\n): boolean => {\n  const state = sessionStates.get(device.sessionId);\n  if (!state) return true; // Assume connected if no state yet\n  return state.deviceStatus !== \"NOT CONNECTED\";\n};\n\nexport const SessionsSection: React.FC<SessionsSectionProps> = ({\n  devices,\n  sessionStates,\n  onDisconnect,\n  onSendApdu,\n  apduResponses,\n  isAnyDiscoveryActive,\n}) => {\n  const { activeDevices, disconnectedDevices } = useMemo(() => {\n    const active: ConnectedDevice[] = [];\n    const disconnected: ConnectedDevice[] = [];\n\n    for (const device of devices) {\n      if (isDeviceConnected(device, sessionStates)) {\n        active.push(device);\n      } else {\n        disconnected.push(device);\n      }\n    }\n\n    return { activeDevices: active, disconnectedDevices: disconnected };\n  }, [devices, sessionStates]);\n\n  // Empty state\n  if (devices.length === 0 && !isAnyDiscoveryActive) {\n    return (\n      <CenteredMessage>\n        <p>No devices connected yet.</p>\n      </CenteredMessage>\n    );\n  }\n\n  return (\n    <>\n      {/* Active Sessions */}\n      {activeDevices.length > 0 && (\n        <>\n          <SectionTitle>Active Sessions ({activeDevices.length})</SectionTitle>\n          <DeviceList style={{ marginBottom: 16 }}>\n            {activeDevices.map((device) => (\n              <DeviceCard\n                key={device.sessionId}\n                device={device}\n                state={sessionStates.get(device.sessionId)}\n                onDisconnect={() => onDisconnect(device.sessionId)}\n                onSendApdu={onSendApdu}\n                apduResponses={apduResponses}\n              />\n            ))}\n          </DeviceList>\n        </>\n      )}\n\n      {/* Disconnected Sessions */}\n      {disconnectedDevices.length > 0 && (\n        <>\n          <SubsectionTitle>\n            Inactive Sessions ({disconnectedDevices.length})\n          </SubsectionTitle>\n          <DeviceList>\n            {disconnectedDevices.map((device) => (\n              <DeviceCard\n                key={device.sessionId}\n                device={device}\n                state={sessionStates.get(device.sessionId)}\n                onDisconnect={() => onDisconnect(device.sessionId)}\n                onSendApdu={onSendApdu}\n                apduResponses={apduResponses}\n              />\n            ))}\n          </DeviceList>\n        </>\n      )}\n    </>\n  );\n};\n"],
+  "mappings": "AAOA,OAAgB,WAAAA,MAAe,QAO/B,OAAS,cAAAC,MAAkB,eAC3B,OACE,mBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,mBAAAC,MACK,WA+CC,OASA,YAAAC,EATA,OAAAC,EAUE,QAAAC,MAVF,oBApCR,MAAMC,EAAoB,CACxBC,EACAC,IACY,CACZ,MAAMC,EAAQD,EAAc,IAAID,EAAO,SAAS,EAChD,OAAKE,EACEA,EAAM,eAAiB,gBADX,EAErB,EAEaC,EAAkD,CAAC,CAC9D,QAAAC,EACA,cAAAH,EACA,aAAAI,EACA,WAAAC,EACA,cAAAC,EACA,qBAAAC,CACF,IAAM,CACJ,KAAM,CAAE,cAAAC,EAAe,oBAAAC,CAAoB,EAAIpB,EAAQ,IAAM,CAC3D,MAAMqB,EAA4B,CAAC,EAC7BC,EAAkC,CAAC,EAEzC,UAAWZ,KAAUI,EACfL,EAAkBC,EAAQC,CAAa,EACzCU,EAAO,KAAKX,CAAM,EAElBY,EAAa,KAAKZ,CAAM,EAI5B,MAAO,CAAE,cAAeW,EAAQ,oBAAqBC,CAAa,CACpE,EAAG,CAACR,EAASH,CAAa,CAAC,EAG3B,OAAIG,EAAQ,SAAW,GAAK,CAACI,EAEzBX,EAACL,EAAA,CACC,SAAAK,EAAC,KAAE,qCAAyB,EAC9B,EAKFC,EAAAF,EAAA,CAEG,UAAAa,EAAc,OAAS,GACtBX,EAAAF,EAAA,CACE,UAAAE,EAACJ,EAAA,CAAa,8BAAkBe,EAAc,OAAO,KAAC,EACtDZ,EAACJ,EAAA,CAAW,MAAO,CAAE,aAAc,EAAG,EACnC,SAAAgB,EAAc,IAAKT,GAClBH,EAACN,EAAA,CAEC,OAAQS,EACR,MAAOC,EAAc,IAAID,EAAO,SAAS,EACzC,aAAc,IAAMK,EAAaL,EAAO,SAAS,EACjD,WAAYM,EACZ,cAAeC,GALVP,EAAO,SAMd,CACD,EACH,GACF,EAIDU,EAAoB,OAAS,GAC5BZ,EAAAF,EAAA,CACE,UAAAE,EAACH,EAAA,CAAgB,gCACKe,EAAoB,OAAO,KACjD,EACAb,EAACJ,EAAA,CACE,SAAAiB,EAAoB,IAAKV,GACxBH,EAACN,EAAA,CAEC,OAAQS,EACR,MAAOC,EAAc,IAAID,EAAO,SAAS,EACzC,aAAc,IAAMK,EAAaL,EAAO,SAAS,EACjD,WAAYM,EACZ,cAAeC,GALVP,EAAO,SAMd,CACD,EACH,GACF,GAEJ,CAEJ",
+  "names": ["useMemo", "DeviceCard", "CenteredMessage", "DeviceList", "SectionTitle", "SubsectionTitle", "Fragment", "jsx", "jsxs", "isDeviceConnected", "device", "sessionStates", "state", "SessionsSection", "devices", "onDisconnect", "onSendApdu", "apduResponses", "isAnyDiscoveryActive", "activeDevices", "disconnectedDevices", "active", "disconnected"]
+}

package/lib/esm/src/screens/inspector/index.js

@@ -0,0 +1,9 @@
+import{INSPECTOR_COMMAND_TYPES as C}from"@ledgerhq/device-management-kit-devtools-core";import{NotConnectedMessage as I}from"../../shared/NotConnectedMessage";import{DeviceDiscoverySection as b}from"./DeviceDiscoverySection";import{MyLedgerProviderControl as A}from"./MyLedgerProviderControl";import{SessionsSection as M}from"./SessionsSection";import{Container as R}from"./styles";import{Fragment as P,jsx as e,jsxs as n}from"react/jsx-runtime";const E=`import { DevToolsDmkInspector } from "@ledgerhq/device-management-kit-devtools-core";
+
+const dmk = new DeviceManagementKitBuilder()
+  .addLogger(logger)
+  .build();
+
+// Enable inspector after DMK is built
+new DevToolsDmkInspector(connector, dmk);`,w=({devices:s,sessionStates:t,discoveredDevices:r,isListening:o,isActivelyDiscovering:i,sendMessage:c,isConnected:d,startListening:p,stopListening:v,startDiscovering:a,stopDiscovering:D,connectDevice:g,providerValue:l,getProvider:m,setProvider:u,sendApdu:y,apduResponses:f})=>d?n(R,{children:[e(A,{currentValue:l,onGet:m,onSet:u}),e(b,{discoveredDevices:r,isListening:o,isActivelyDiscovering:i,startListening:p,stopListening:v,startDiscovering:a,stopDiscovering:D,connectDevice:g}),e(M,{devices:s,sessionStates:t,onDisconnect:S=>{c(C.DISCONNECT,JSON.stringify({sessionId:S}))},onSendApdu:y,apduResponses:f,isAnyDiscoveryActive:o||i})]}):e(I,{title:"Inspector not connected",description:n(P,{children:["To enable the Inspector, add ",e("code",{children:"DevToolsDmkInspector"})," to your app after building the DMK:"]}),codeExample:E});export{w as Inspector};
+//# sourceMappingURL=index.js.map

package/lib/esm/src/screens/inspector/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/inspector/index.tsx"],
+  "sourcesContent": ["/**\n * @file Inspector screen\n *\n * Main Inspector component that provides device management capabilities.\n * Composes several section components for a clear separation of concerns.\n */\n\nimport React from \"react\";\nimport {\n  type ConnectedDevice,\n  type DeviceSessionState,\n  type DiscoveredDevice,\n} from \"@ledgerhq/device-management-kit\";\nimport { INSPECTOR_COMMAND_TYPES } from \"@ledgerhq/device-management-kit-devtools-core\";\n\nimport { type ApduResponse } from \"../../hooks/useConnectorMessages\";\nimport { NotConnectedMessage } from \"../../shared/NotConnectedMessage\";\nimport { DeviceDiscoverySection } from \"./DeviceDiscoverySection\";\nimport { MyLedgerProviderControl } from \"./MyLedgerProviderControl\";\nimport { SessionsSection } from \"./SessionsSection\";\nimport { Container } from \"./styles\";\n\ntype InspectorProps = {\n  devices: ConnectedDevice[];\n  sessionStates: Map<string, DeviceSessionState>;\n  discoveredDevices: DiscoveredDevice[];\n  isListening: boolean;\n  isActivelyDiscovering: boolean;\n  sendMessage: (type: string, payload: string) => void;\n  isConnected: boolean;\n  startListening: () => void;\n  stopListening: () => void;\n  startDiscovering: () => void;\n  stopDiscovering: () => void;\n  connectDevice: (\n    deviceId: string,\n    sessionRefresherOptions?: {\n      isRefresherDisabled: boolean;\n      pollingInterval?: number;\n    },\n  ) => void;\n  providerValue: number | null;\n  getProvider: () => void;\n  setProvider: (value: number) => void;\n  sendApdu: (sessionId: string, apduHex: string) => string;\n  apduResponses: Map<string, ApduResponse>;\n};\n\nconst INSPECTOR_CODE_EXAMPLE = `import { DevToolsDmkInspector } from \"@ledgerhq/device-management-kit-devtools-core\";\n\nconst dmk = new DeviceManagementKitBuilder()\n  .addLogger(logger)\n  .build();\n\n// Enable inspector after DMK is built\nnew DevToolsDmkInspector(connector, dmk);`;\n\nexport const Inspector: React.FC<InspectorProps> = ({\n  devices,\n  sessionStates,\n  discoveredDevices,\n  isListening,\n  isActivelyDiscovering,\n  sendMessage,\n  isConnected,\n  startListening,\n  stopListening,\n  startDiscovering,\n  stopDiscovering,\n  connectDevice,\n  providerValue,\n  getProvider,\n  setProvider,\n  sendApdu,\n  apduResponses,\n}) => {\n  if (!isConnected) {\n    return (\n      <NotConnectedMessage\n        title=\"Inspector not connected\"\n        description={\n          <>\n            To enable the Inspector, add <code>DevToolsDmkInspector</code> to\n            your app after building the DMK:\n          </>\n        }\n        codeExample={INSPECTOR_CODE_EXAMPLE}\n      />\n    );\n  }\n\n  const handleDisconnect = (sessionId: string) => {\n    sendMessage(\n      INSPECTOR_COMMAND_TYPES.DISCONNECT,\n      JSON.stringify({ sessionId }),\n    );\n  };\n\n  const isAnyDiscoveryActive = isListening || isActivelyDiscovering;\n\n  return (\n    <Container>\n      <MyLedgerProviderControl\n        currentValue={providerValue}\n        onGet={getProvider}\n        onSet={setProvider}\n      />\n\n      <DeviceDiscoverySection\n        discoveredDevices={discoveredDevices}\n        isListening={isListening}\n        isActivelyDiscovering={isActivelyDiscovering}\n        startListening={startListening}\n        stopListening={stopListening}\n        startDiscovering={startDiscovering}\n        stopDiscovering={stopDiscovering}\n        connectDevice={connectDevice}\n      />\n\n      <SessionsSection\n        devices={devices}\n        sessionStates={sessionStates}\n        onDisconnect={handleDisconnect}\n        onSendApdu={sendApdu}\n        apduResponses={apduResponses}\n        isAnyDiscoveryActive={isAnyDiscoveryActive}\n      />\n    </Container>\n  );\n};\n"],
+  "mappings": "AAaA,OAAS,2BAAAA,MAA+B,gDAGxC,OAAS,uBAAAC,MAA2B,mCACpC,OAAS,0BAAAC,MAA8B,2BACvC,OAAS,2BAAAC,MAA+B,4BACxC,OAAS,mBAAAC,MAAuB,oBAChC,OAAS,aAAAC,MAAiB,WA6DhB,mBAAAC,EAC+B,OAAAC,EAD/B,QAAAC,MAAA,oBAjCV,MAAMC,EAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CASlBC,EAAsC,CAAC,CAClD,QAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,sBAAAC,EACA,YAAAC,EACA,YAAAC,EACA,eAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,cAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,cAAAC,CACF,IACOV,EAyBHT,EAACH,EAAA,CACC,UAAAE,EAACJ,EAAA,CACC,aAAcoB,EACd,MAAOC,EACP,MAAOC,EACT,EAEAlB,EAACL,EAAA,CACC,kBAAmBW,EACnB,YAAaC,EACb,sBAAuBC,EACvB,eAAgBG,EAChB,cAAeC,EACf,iBAAkBC,EAClB,gBAAiBC,EACjB,cAAeC,EACjB,EAEAf,EAACH,EAAA,CACC,QAASO,EACT,cAAeC,EACf,aA/BoBgB,GAAsB,CAC9CZ,EACEhB,EAAwB,WACxB,KAAK,UAAU,CAAE,UAAA4B,CAAU,CAAC,CAC9B,CACF,EA2BM,WAAYF,EACZ,cAAeC,EACf,qBA3BuBb,GAAeC,EA4BxC,GACF,EAjDER,EAACN,EAAA,CACC,MAAM,0BACN,YACEO,EAAAF,EAAA,CAAE,0CAC6BC,EAAC,QAAK,gCAAoB,EAAO,wCAEhE,EAEF,YAAaE,EACf",
+  "names": ["INSPECTOR_COMMAND_TYPES", "NotConnectedMessage", "DeviceDiscoverySection", "MyLedgerProviderControl", "SessionsSection", "Container", "Fragment", "jsx", "jsxs", "INSPECTOR_CODE_EXAMPLE", "Inspector", "devices", "sessionStates", "discoveredDevices", "isListening", "isActivelyDiscovering", "sendMessage", "isConnected", "startListening", "stopListening", "startDiscovering", "stopDiscovering", "connectDevice", "providerValue", "getProvider", "setProvider", "sendApdu", "apduResponses", "sessionId"]
+}

package/lib/esm/src/screens/inspector/styles.js

@@ -0,0 +1,179 @@
+import e,{css as n}from"styled-components";const r=n`
+  color: white;
+  border: none;
+  border-radius: 4px;
+  padding: 4px 12px;
+  cursor: pointer;
+  font-size: 14px;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+`,d=e.button`
+  ${r}
+  background: ${({$variant:t})=>{switch(t){case"danger":return"#ff4444";case"success":return"#4CAF50";case"warning":return"#ff9800";case"primary":default:return"#2196F3"}}};
+  padding: ${({$size:t})=>t==="medium"?"8px 16px":"4px 12px"};
+
+  &:disabled {
+    background: #ccc;
+  }
+`,a=e.div`
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  border-radius: 8px;
+  border: 1px solid
+    ${({$variant:t})=>{switch(t){case"discovered":return"#cce5ff";case"disconnected":return"#ddd";default:return"#ddd"}}};
+  background: ${({$variant:t})=>{switch(t){case"discovered":return"#f0f7ff";case"disconnected":return"#f0f0f0";default:return"#fafafa"}}};
+  opacity: ${({$variant:t})=>t==="disconnected"?.6:1};
+`,p=e.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+`,s=e.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`,c=e.h5`
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+`,x=e.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,l=e.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid #eee;
+`,f=e.p`
+  font-size: 12px;
+  color: #666;
+  margin: 0;
+`,g=e.span`
+  font-size: 12px;
+  color: #999;
+`,u=e.p`
+  font-size: 12px;
+  color: #999;
+  font-style: italic;
+  margin: 12px 0 0 0;
+`,b=e.p`
+  font-size: 12px;
+  color: #666;
+  font-weight: 600;
+  margin: 0 0 4px 0;
+`,m=e.div`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 16px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #eee;
+`,y=e.h4`
+  margin: 0 0 12px 0;
+  font-size: 18px;
+  font-weight: 600;
+`,w=e.h5`
+  margin: 0 0 12px 0;
+  font-size: 16px;
+  font-weight: 500;
+  color: #666;
+`,h=e.div`
+  display: flex;
+  gap: 12px;
+  margin-bottom: 12px;
+`,v=e.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,C=e.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding: 16px;
+  overflow: auto;
+`,$=e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 24px;
+  opacity: 0.6;
+`,o={success:{bg:"#e8f5e9",border:"#c8e6c9",text:"#2e7d32",dot:"#4CAF50"},warning:{bg:"#fff3e0",border:"#ffe0b2",text:"#e65100",dot:"#ff9800"},error:{bg:"#ffebee",border:"#ffcdd2",text:"#c62828",dot:"#ff4444"},info:{bg:"#e3f2fd",border:"#bbdefb",text:"#1565c0",dot:"#2196F3"},neutral:{bg:"#f5f5f5",border:"#e0e0e0",text:"#616161",dot:"#9e9e9e"}},z=e.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 10px;
+  border-radius: 12px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+  line-height: 18px;
+  white-space: nowrap;
+  background: ${({$variant:t})=>o[t].bg};
+  border: 1px solid ${({$variant:t})=>o[t].border};
+  color: ${({$variant:t})=>o[t].text};
+
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: ${({$variant:t})=>o[t].dot};
+  }
+`,B=e.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+`,k=e.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+`,S=e.span`
+  font-size: 10px;
+  color: #666;
+  transition: transform 0.15s ease;
+  transform: rotate(${({$expanded:t})=>t?"90deg":"0deg"});
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+`,T=e.div`
+  display: ${({$expanded:t})=>t?"flex":"none"};
+  flex-direction: column;
+  gap: 8px;
+`,j=e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 24px;
+  opacity: 0.6;
+`,F=e.h3`
+  margin: 0 0 16px 0;
+  font-size: 24px;
+`,N=e.p`
+  text-align: center;
+  max-width: 500px;
+  margin: 0;
+`,H=e.pre`
+  background: #f5f5f5;
+  padding: 16px;
+  border-radius: 8px;
+  margin-top: 16px;
+  font-size: 12px;
+  overflow: auto;
+`;export{B as BadgeRow,d as Button,h as ButtonGroup,a as Card,x as CardBody,p as CardHeader,s as CardHeaderLeft,l as CardSection,c as CardTitle,$ as CenteredMessage,H as CodeBlock,T as CollapsibleContent,k as CollapsibleHeader,S as CollapsibleToggle,C as Container,v as DeviceList,u as ItalicNote,g as MutedText,j as NotConnectedContainer,N as NotConnectedDescription,F as NotConnectedTitle,m as Section,b as SectionLabel,y as SectionTitle,f as SmallText,z as StatusBadge,w as SubsectionTitle};
+//# sourceMappingURL=styles.js.map

package/lib/esm/src/screens/inspector/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/inspector/styles.ts"],
+  "sourcesContent": ["import styled, { css } from \"styled-components\";\n\n// Shared button styles\nconst buttonBase = css`\n  color: white;\n  border: none;\n  border-radius: 4px;\n  padding: 4px 12px;\n  cursor: pointer;\n  font-size: 14px;\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n\nexport const Button = styled.button<{\n  $variant?: \"danger\" | \"success\" | \"primary\" | \"warning\";\n  $size?: \"small\" | \"medium\";\n}>`\n  ${buttonBase}\n  background: ${({ $variant }) => {\n    switch ($variant) {\n      case \"danger\":\n        return \"#ff4444\";\n      case \"success\":\n        return \"#4CAF50\";\n      case \"warning\":\n        return \"#ff9800\";\n      case \"primary\":\n      default:\n        return \"#2196F3\";\n    }\n  }};\n  padding: ${({ $size }) => ($size === \"medium\" ? \"8px 16px\" : \"4px 12px\")};\n\n  &:disabled {\n    background: #ccc;\n  }\n`;\n\n// Card styles\nexport const Card = styled.div<{\n  $variant?: \"default\" | \"discovered\" | \"disconnected\";\n}>`\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  border-radius: 8px;\n  border: 1px solid\n    ${({ $variant }) => {\n      switch ($variant) {\n        case \"discovered\":\n          return \"#cce5ff\";\n        case \"disconnected\":\n          return \"#ddd\";\n        default:\n          return \"#ddd\";\n      }\n    }};\n  background: ${({ $variant }) => {\n    switch ($variant) {\n      case \"discovered\":\n        return \"#f0f7ff\";\n      case \"disconnected\":\n        return \"#f0f0f0\";\n      default:\n        return \"#fafafa\";\n    }\n  }};\n  opacity: ${({ $variant }) => ($variant === \"disconnected\" ? 0.6 : 1)};\n`;\n\nexport const CardHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n`;\n\nexport const CardHeaderLeft = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nexport const CardTitle = styled.h5`\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n`;\n\nexport const CardBody = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nexport const CardSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid #eee;\n`;\n\n// Text styles\nexport const SmallText = styled.p`\n  font-size: 12px;\n  color: #666;\n  margin: 0;\n`;\n\nexport const MutedText = styled.span`\n  font-size: 12px;\n  color: #999;\n`;\n\nexport const ItalicNote = styled.p`\n  font-size: 12px;\n  color: #999;\n  font-style: italic;\n  margin: 12px 0 0 0;\n`;\n\nexport const SectionLabel = styled.p`\n  font-size: 12px;\n  color: #666;\n  font-weight: 600;\n  margin: 0 0 4px 0;\n`;\n\n// Section styles\nexport const Section = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid #eee;\n`;\n\nexport const SectionTitle = styled.h4`\n  margin: 0 0 12px 0;\n  font-size: 18px;\n  font-weight: 600;\n`;\n\nexport const SubsectionTitle = styled.h5`\n  margin: 0 0 12px 0;\n  font-size: 16px;\n  font-weight: 500;\n  color: #666;\n`;\n\nexport const ButtonGroup = styled.div`\n  display: flex;\n  gap: 12px;\n  margin-bottom: 12px;\n`;\n\nexport const DeviceList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`;\n\n// Container styles\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 16px;\n  overflow: auto;\n`;\n\nexport const CenteredMessage = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: 24px;\n  opacity: 0.6;\n`;\n\n// Status badge styles\ntype BadgeVariant = \"success\" | \"warning\" | \"error\" | \"info\" | \"neutral\";\n\nconst badgeColors: Record<\n  BadgeVariant,\n  { bg: string; border: string; text: string; dot: string }\n> = {\n  success: {\n    bg: \"#e8f5e9\",\n    border: \"#c8e6c9\",\n    text: \"#2e7d32\",\n    dot: \"#4CAF50\",\n  },\n  warning: {\n    bg: \"#fff3e0\",\n    border: \"#ffe0b2\",\n    text: \"#e65100\",\n    dot: \"#ff9800\",\n  },\n  error: { bg: \"#ffebee\", border: \"#ffcdd2\", text: \"#c62828\", dot: \"#ff4444\" },\n  info: { bg: \"#e3f2fd\", border: \"#bbdefb\", text: \"#1565c0\", dot: \"#2196F3\" },\n  neutral: {\n    bg: \"#f5f5f5\",\n    border: \"#e0e0e0\",\n    text: \"#616161\",\n    dot: \"#9e9e9e\",\n  },\n};\n\nexport const StatusBadge = styled.span<{ $variant: BadgeVariant }>`\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: ${({ $variant }) => badgeColors[$variant].bg};\n  border: 1px solid ${({ $variant }) => badgeColors[$variant].border};\n  color: ${({ $variant }) => badgeColors[$variant].text};\n\n  &::before {\n    content: \"\";\n    display: inline-block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: ${({ $variant }) => badgeColors[$variant].dot};\n  }\n`;\n\nexport const BadgeRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n`;\n\n// Collapsible section styles\nexport const CollapsibleHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n`;\n\nexport const CollapsibleToggle = styled.span<{ $expanded: boolean }>`\n  font-size: 10px;\n  color: #666;\n  transition: transform 0.15s ease;\n  transform: rotate(${({ $expanded }) => ($expanded ? \"90deg\" : \"0deg\")});\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n`;\n\nexport const CollapsibleContent = styled.div<{ $expanded: boolean }>`\n  display: ${({ $expanded }) => ($expanded ? \"flex\" : \"none\")};\n  flex-direction: column;\n  gap: 8px;\n`;\n\n// NotConnected styles\nexport const NotConnectedContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: 24px;\n  opacity: 0.6;\n`;\n\nexport const NotConnectedTitle = styled.h3`\n  margin: 0 0 16px 0;\n  font-size: 24px;\n`;\n\nexport const NotConnectedDescription = styled.p`\n  text-align: center;\n  max-width: 500px;\n  margin: 0;\n`;\n\nexport const CodeBlock = styled.pre`\n  background: #f5f5f5;\n  padding: 16px;\n  border-radius: 8px;\n  margin-top: 16px;\n  font-size: 12px;\n  overflow: auto;\n`;\n"],
+  "mappings": "AAAA,OAAOA,GAAU,OAAAC,MAAW,oBAG5B,MAAMC,EAAaD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcNE,EAASH,EAAO;AAAA,IAIzBE,CAAU;AAAA,gBACE,CAAC,CAAE,SAAAE,CAAS,IAAM,CAC9B,OAAQA,EAAU,CAChB,IAAK,SACH,MAAO,UACT,IAAK,UACH,MAAO,UACT,IAAK,UACH,MAAO,UACT,IAAK,UACL,QACE,MAAO,SACX,CACF,CAAC;AAAA,aACU,CAAC,CAAE,MAAAC,CAAM,IAAOA,IAAU,SAAW,WAAa,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7DC,EAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQrB,CAAC,CAAE,SAAAI,CAAS,IAAM,CAClB,OAAQA,EAAU,CAChB,IAAK,aACH,MAAO,UACT,IAAK,eACH,MAAO,OACT,QACE,MAAO,MACX,CACF,CAAC;AAAA,gBACW,CAAC,CAAE,SAAAA,CAAS,IAAM,CAC9B,OAAQA,EAAU,CAChB,IAAK,aACH,MAAO,UACT,IAAK,eACH,MAAO,UACT,QACE,MAAO,SACX,CACF,CAAC;AAAA,aACU,CAAC,CAAE,SAAAA,CAAS,IAAOA,IAAa,eAAiB,GAAM,CAAE;AAAA,EAGzDG,EAAaP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBQ,EAAiBR,EAAO;AAAA;AAAA;AAAA;AAAA,EAMxBS,EAAYT,EAAO;AAAA;AAAA;AAAA;AAAA,EAMnBU,EAAWV,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBW,EAAcX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASrBY,EAAYZ,EAAO;AAAA;AAAA;AAAA;AAAA,EAMnBa,EAAYb,EAAO;AAAA;AAAA;AAAA,EAKnBc,EAAad,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBe,EAAef,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtBgB,EAAUhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjBiB,EAAejB,EAAO;AAAA;AAAA;AAAA;AAAA,EAMtBkB,EAAkBlB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzBmB,EAAcnB,EAAO;AAAA;AAAA;AAAA;AAAA,EAMrBoB,EAAapB,EAAO;AAAA;AAAA;AAAA;AAAA,EAOpBqB,EAAYrB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBsB,EAAkBtB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahCuB,EAGF,CACF,QAAS,CACP,GAAI,UACJ,OAAQ,UACR,KAAM,UACN,IAAK,SACP,EACA,QAAS,CACP,GAAI,UACJ,OAAQ,UACR,KAAM,UACN,IAAK,SACP,EACA,MAAO,CAAE,GAAI,UAAW,OAAQ,UAAW,KAAM,UAAW,IAAK,SAAU,EAC3E,KAAM,CAAE,GAAI,UAAW,OAAQ,UAAW,KAAM,UAAW,IAAK,SAAU,EAC1E,QAAS,CACP,GAAI,UACJ,OAAQ,UACR,KAAM,UACN,IAAK,SACP,CACF,EAEaC,EAAcxB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYlB,CAAC,CAAE,SAAAI,CAAS,IAAMmB,EAAYnB,CAAQ,EAAE,EAAE;AAAA,sBACpC,CAAC,CAAE,SAAAA,CAAS,IAAMmB,EAAYnB,CAAQ,EAAE,MAAM;AAAA,WACzD,CAAC,CAAE,SAAAA,CAAS,IAAMmB,EAAYnB,CAAQ,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQrC,CAAC,CAAE,SAAAA,CAAS,IAAMmB,EAAYnB,CAAQ,EAAE,GAAG;AAAA;AAAA,EAIhDqB,EAAWzB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlB0B,EAAoB1B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ3B2B,EAAoB3B,EAAO;AAAA;AAAA;AAAA;AAAA,sBAIlB,CAAC,CAAE,UAAA4B,CAAU,IAAOA,EAAY,QAAU,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1DC,EAAqB7B,EAAO;AAAA,aAC5B,CAAC,CAAE,UAAA4B,CAAU,IAAOA,EAAY,OAAS,MAAO;AAAA;AAAA;AAAA,EAMhDE,EAAwB9B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU/B+B,EAAoB/B,EAAO;AAAA;AAAA;AAAA,EAK3BgC,EAA0BhC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMjCiC,EAAYjC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["styled", "css", "buttonBase", "Button", "$variant", "$size", "Card", "CardHeader", "CardHeaderLeft", "CardTitle", "CardBody", "CardSection", "SmallText", "MutedText", "ItalicNote", "SectionLabel", "Section", "SectionTitle", "SubsectionTitle", "ButtonGroup", "DeviceList", "Container", "CenteredMessage", "badgeColors", "StatusBadge", "BadgeRow", "CollapsibleHeader", "CollapsibleToggle", "$expanded", "CollapsibleContent", "NotConnectedContainer", "NotConnectedTitle", "NotConnectedDescription", "CodeBlock"]
+}

package/lib/esm/src/screens/logger/FilterInput.js

@@ -0,0 +1,85 @@
+import{useCallback as l,useEffect as B,useRef as v,useState as x}from"react";import{Icons as h}from"@ledgerhq/react-ui";import r from"styled-components";import{InputContainer as H,InputWrapper as $,StyledInput as z}from"./inputStyles";import{useRecentFilters as M}from"./useRecentFilters";import{jsx as o,jsxs as f}from"react/jsx-runtime";const S=r.div`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 4px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  max-height: 300px;
+  overflow-y: auto;
+  z-index: 1000;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+`,L=r.div`
+  padding: 6px 10px;
+  font-size: 10px;
+  color: #666;
+  text-transform: uppercase;
+  border-bottom: 1px solid #eee;
+`,T=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 10px;
+  font-size: 12px;
+  font-family: monospace;
+  color: #333;
+  cursor: pointer;
+  background-color: ${({$highlighted:n})=>n?"#e8f0fe":"transparent"};
+
+  &:hover {
+    background-color: ${({$highlighted:n})=>n?"#e8f0fe":"#f5f5f5"};
+  }
+`,K=r.span`
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,P=r.button`
+  background: none;
+  border: none;
+  padding: 2px;
+  margin-left: 8px;
+  cursor: pointer;
+  opacity: 0.5;
+  color: #666;
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    opacity: 1;
+  }
+`,X=r.div`
+  padding: 12px 10px;
+  font-size: 12px;
+  color: #999;
+  text-align: center;
+`,A=r.button`
+  background: none;
+  border: none;
+  padding: 4px 8px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  color: ${({$active:n})=>n?"#333":"#999"};
+
+  &:hover {
+    color: #333;
+  }
+`,N=r.button`
+  background: none;
+  border: none;
+  padding: 4px;
+  cursor: pointer;
+  opacity: 0.5;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    opacity: 1;
+  }
+`,J=({value:n,onChange:c})=>{const[i,d]=x(!1),[w,y]=x(!1),[a,p]=x(-1),{recentFilters:s,removeFilter:b}=M(n),g=v(null),u=v(null);B(()=>{const e=t=>{g.current&&!g.current.contains(t.target)&&d(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const k=l(()=>{y(!0)},[]),D=l(()=>{d(e=>(e||p(-1),!e))},[]),F=l(()=>{y(!1)},[]),m=l(e=>{c(e),d(!1),p(-1),u.current?.focus()},[c]),I=l(e=>{e.key==="Escape"?i?(d(!1),p(-1)):u.current?.blur():e.key==="ArrowDown"?(e.preventDefault(),i&&s.length>0&&p(t=>t<s.length-1?t+1:t)):e.key==="ArrowUp"?(e.preventDefault(),i&&p(t=>t>-1?t-1:-1)):e.key==="Enter"&&i&&a>=0&&s[a]&&(e.preventDefault(),m(s[a]))},[i,s,a,m]),C=l((e,t)=>{e.stopPropagation(),b(t)},[b]),R=l(()=>{c(""),u.current?.focus()},[c]);return f(H,{ref:g,children:[f($,{$focused:w,children:[o(z,{ref:u,type:"text",placeholder:"Filter (e.g. error, -debug, /regex/)",value:n,onChange:e=>c(e.target.value),onFocus:k,onBlur:F,onKeyDown:I}),n&&o(N,{onClick:R,title:"Clear filter",children:o(h.Close,{size:"XS"})}),o(A,{type:"button",onClick:D,$active:i,title:"Recent filters",children:o(h.ChevronBigBottom,{size:"XS"})})]}),i&&f(S,{children:[o(L,{children:"Recent filters"}),s.length===0?o(X,{children:"No recent filters"}):s.map((e,t)=>f(T,{$highlighted:t===a,onClick:()=>m(e),children:[o(K,{children:e}),o(P,{onClick:E=>C(E,e),title:"Remove from recent",children:o(h.Close,{size:"XS"})})]},e))]})]})};export{J as FilterInput};
+//# sourceMappingURL=FilterInput.js.map

package/lib/esm/src/screens/logger/FilterInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/logger/FilterInput.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Icons } from \"@ledgerhq/react-ui\";\nimport styled from \"styled-components\";\n\nimport { InputContainer, InputWrapper, StyledInput } from \"./inputStyles\";\nimport { useRecentFilters } from \"./useRecentFilters\";\n\nconst Dropdown = styled.div`\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  margin-top: 4px;\n  background-color: #fff;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  max-height: 300px;\n  overflow-y: auto;\n  z-index: 1000;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n`;\n\nconst DropdownHeader = styled.div`\n  padding: 6px 10px;\n  font-size: 10px;\n  color: #666;\n  text-transform: uppercase;\n  border-bottom: 1px solid #eee;\n`;\n\nconst DropdownItem = styled.div<{ $highlighted?: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  font-size: 12px;\n  font-family: monospace;\n  color: #333;\n  cursor: pointer;\n  background-color: ${({ $highlighted }) =>\n    $highlighted ? \"#e8f0fe\" : \"transparent\"};\n\n  &:hover {\n    background-color: ${({ $highlighted }) =>\n      $highlighted ? \"#e8f0fe\" : \"#f5f5f5\"};\n  }\n`;\n\nconst FilterText = styled.span`\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst RemoveButton = styled.button`\n  background: none;\n  border: none;\n  padding: 2px;\n  margin-left: 8px;\n  cursor: pointer;\n  opacity: 0.5;\n  color: #666;\n  display: flex;\n  align-items: center;\n\n  &:hover {\n    opacity: 1;\n  }\n`;\n\nconst EmptyMessage = styled.div`\n  padding: 12px 10px;\n  font-size: 12px;\n  color: #999;\n  text-align: center;\n`;\n\nconst HistoryButton = styled.button<{ $active?: boolean }>`\n  background: none;\n  border: none;\n  padding: 4px 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  color: ${({ $active }) => ($active ? \"#333\" : \"#999\")};\n\n  &:hover {\n    color: #333;\n  }\n`;\n\nconst ClearButton = styled.button`\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  opacity: 0.5;\n  color: #666;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    opacity: 1;\n  }\n`;\n\ntype FilterInputProps = {\n  value: string;\n  onChange: (value: string) => void;\n};\n\nexport const FilterInput: React.FC<FilterInputProps> = ({\n  value,\n  onChange,\n}) => {\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n  const { recentFilters, removeFilter } = useRecentFilters(value);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node)\n      ) {\n        setShowDropdown(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, []);\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true);\n  }, []);\n\n  const toggleDropdown = useCallback(() => {\n    setShowDropdown((prev) => {\n      if (!prev) {\n        setHighlightedIndex(-1);\n      }\n      return !prev;\n    });\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n  }, []);\n\n  const handleSelectFilter = useCallback(\n    (filter: string) => {\n      onChange(filter);\n      setShowDropdown(false);\n      setHighlightedIndex(-1);\n      inputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Escape\") {\n        if (showDropdown) {\n          setShowDropdown(false);\n          setHighlightedIndex(-1);\n        } else {\n          inputRef.current?.blur();\n        }\n      } else if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        if (showDropdown && recentFilters.length > 0) {\n          setHighlightedIndex((prev) =>\n            prev < recentFilters.length - 1 ? prev + 1 : prev,\n          );\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        if (showDropdown) {\n          setHighlightedIndex((prev) => (prev > -1 ? prev - 1 : -1));\n        }\n      } else if (e.key === \"Enter\") {\n        if (\n          showDropdown &&\n          highlightedIndex >= 0 &&\n          recentFilters[highlightedIndex]\n        ) {\n          e.preventDefault();\n          handleSelectFilter(recentFilters[highlightedIndex]);\n        }\n      }\n    },\n    [showDropdown, recentFilters, highlightedIndex, handleSelectFilter],\n  );\n\n  const handleRemoveFilter = useCallback(\n    (e: React.MouseEvent, filter: string) => {\n      e.stopPropagation();\n      removeFilter(filter);\n    },\n    [removeFilter],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(\"\");\n    inputRef.current?.focus();\n  }, [onChange]);\n\n  return (\n    <InputContainer ref={containerRef}>\n      <InputWrapper $focused={isFocused}>\n        <StyledInput\n          ref={inputRef}\n          type=\"text\"\n          placeholder=\"Filter (e.g. error, -debug, /regex/)\"\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n        />\n        {value && (\n          <ClearButton onClick={handleClear} title=\"Clear filter\">\n            <Icons.Close size=\"XS\" />\n          </ClearButton>\n        )}\n        <HistoryButton\n          type=\"button\"\n          onClick={toggleDropdown}\n          $active={showDropdown}\n          title=\"Recent filters\"\n        >\n          <Icons.ChevronBigBottom size=\"XS\" />\n        </HistoryButton>\n      </InputWrapper>\n      {showDropdown && (\n        <Dropdown>\n          <DropdownHeader>Recent filters</DropdownHeader>\n          {recentFilters.length === 0 ? (\n            <EmptyMessage>No recent filters</EmptyMessage>\n          ) : (\n            recentFilters.map((filter, index) => (\n              <DropdownItem\n                key={filter}\n                $highlighted={index === highlightedIndex}\n                onClick={() => handleSelectFilter(filter)}\n              >\n                <FilterText>{filter}</FilterText>\n                <RemoveButton\n                  onClick={(e) => handleRemoveFilter(e, filter)}\n                  title=\"Remove from recent\"\n                >\n                  <Icons.Close size=\"XS\" />\n                </RemoveButton>\n              </DropdownItem>\n            ))\n          )}\n        </Dropdown>\n      )}\n    </InputContainer>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useEffect", "useRef", "useState", "Icons", "styled", "InputContainer", "InputWrapper", "StyledInput", "useRecentFilters", "jsx", "jsxs", "Dropdown", "DropdownHeader", "DropdownItem", "$highlighted", "FilterText", "RemoveButton", "EmptyMessage", "HistoryButton", "$active", "ClearButton", "FilterInput", "value", "onChange", "showDropdown", "setShowDropdown", "isFocused", "setIsFocused", "highlightedIndex", "setHighlightedIndex", "recentFilters", "removeFilter", "containerRef", "inputRef", "handleClickOutside", "event", "handleFocus", "toggleDropdown", "prev", "handleBlur", "handleSelectFilter", "filter", "handleKeyDown", "handleRemoveFilter", "handleClear", "index", "e"]
+}

package/lib/esm/src/screens/logger/LoggerOptions.js

@@ -0,0 +1,6 @@
+import{Flex as s}from"@ledgerhq/react-ui";import{Typography as h}from"antd";import i from"styled-components";import{jsx as o,jsxs as a}from"react/jsx-runtime";const u={activeLevels:{debug:!0,info:!0,warning:!0,error:!0,fatal:!0},showTimestamp:!0,showTag:!0,includeTags:new Set,filterText:""},g=i(s).attrs({flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start"})``,p=i(h.Title).attrs({level:5})`
+  margin-bottom: 20px;
+`,d=i(s).attrs({columnGap:4,flexDirection:"row",flexWrap:"wrap",flexGrow:1,overflow:"scroll"})``,c=i.input`
+  margin-right: 4px;
+`,L=({options:e,setOptions:l,uniqueTags:n})=>a(s,{flexDirection:"column",borderRadius:8,padding:5,rowGap:5,children:[a(g,{children:[o(p,{style:{color:"white",whiteSpace:"nowrap"},children:"Log levels"}),a(d,{children:[a("label",{children:[o(c,{type:"checkbox",checked:Object.values(e.activeLevels).every(Boolean),onChange:t=>{const r=Object.fromEntries(Object.keys(e.activeLevels).map(m=>[m,t.target.checked]));l({...e,activeLevels:r})}}),"All"]}),["debug","info","warning","error","fatal"].map(t=>a("label",{children:[o(c,{type:"checkbox",checked:e.activeLevels[t],onChange:r=>{l({...e,activeLevels:{...e.activeLevels,[t]:r.target.checked}})}}),t]},t))]})]}),a(g,{children:[o(p,{style:{color:"white",whiteSpace:"nowrap"},children:"Tags"}),a(d,{children:[a("label",{children:[o(c,{type:"checkbox",checked:n.size===e.includeTags.size,onChange:t=>{t.target.checked?n.forEach(r=>e.includeTags.add(r)):e.includeTags.clear(),l({...e})}}),"All"]}),Array.from(n).map(t=>a("label",{children:[o(c,{type:"checkbox",checked:e.includeTags.has(t),onChange:r=>{r.target.checked?e.includeTags.add(t):e.includeTags.delete(t),l({...e})}}),t]},t))]})]})]});export{L as LoggerOptionsView,u as defaultLoggerOptions};
+//# sourceMappingURL=LoggerOptions.js.map

package/lib/esm/src/screens/logger/LoggerOptions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/logger/LoggerOptions.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { Flex } from \"@ledgerhq/react-ui\";\nimport { Typography } from \"antd\";\nimport styled from \"styled-components\";\n\nimport { type LogData } from \"./types\";\n\nexport type LoggerOptions = {\n  activeLevels: Record<LogData[\"verbosity\"], boolean>;\n  showTimestamp: boolean;\n  showTag: boolean;\n  includeTags: Set<string>;\n  filterText: string;\n};\n\ntype LoggerProps = {\n  options: LoggerOptions;\n  setOptions: (options: LoggerOptions) => void;\n  uniqueTags: Set<string>;\n};\n\nexport const defaultLoggerOptions: LoggerOptions = {\n  activeLevels: {\n    debug: true,\n    info: true,\n    warning: true,\n    error: true,\n    fatal: true,\n  },\n  showTimestamp: true,\n  showTag: true,\n  includeTags: new Set(),\n  filterText: \"\",\n};\n\nconst ParamContainer = styled(Flex).attrs({\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n  justifyContent: \"flex-start\",\n})``;\n\nconst ParamTitle = styled(Typography.Title).attrs({\n  level: 5,\n})`\n  margin-bottom: 20px;\n`;\n\nconst OptionsContainer = styled(Flex).attrs({\n  columnGap: 4,\n  flexDirection: \"row\",\n  flexWrap: \"wrap\",\n  flexGrow: 1,\n  overflow: \"scroll\",\n})``;\n\nconst Input = styled.input`\n  margin-right: 4px;\n`;\n\nexport const LoggerOptionsView: React.FC<LoggerProps> = ({\n  options,\n  setOptions,\n  uniqueTags,\n}) => {\n  return (\n    <Flex flexDirection=\"column\" borderRadius={8} padding={5} rowGap={5}>\n      <ParamContainer>\n        <ParamTitle style={{ color: \"white\", whiteSpace: \"nowrap\" }}>\n          Log levels\n        </ParamTitle>\n        <OptionsContainer>\n          {/** checkbox to select all / unselect all verbosity*/}\n          <label>\n            <Input\n              type=\"checkbox\"\n              checked={Object.values(options.activeLevels).every(Boolean)}\n              onChange={(e) => {\n                const newActiveLevels = Object.fromEntries(\n                  Object.keys(options.activeLevels).map((level) => [\n                    level,\n                    e.target.checked,\n                  ]),\n                );\n                // setOptions({ ...options, activeLevels: newActiveLevels });\n                setOptions({\n                  ...options,\n                  activeLevels:\n                    newActiveLevels as LoggerOptions[\"activeLevels\"],\n                });\n              }}\n            />\n            All\n          </label>\n          {[\"debug\", \"info\", \"warning\", \"error\", \"fatal\"].map((level) => (\n            <label key={level}>\n              <Input\n                type=\"checkbox\"\n                checked={options.activeLevels[level as LogData[\"verbosity\"]]}\n                onChange={(e) => {\n                  setOptions({\n                    ...options,\n                    activeLevels: {\n                      ...options.activeLevels,\n                      [level as LogData[\"verbosity\"]]: e.target.checked,\n                    },\n                  });\n                }}\n              />\n              {level}\n            </label>\n          ))}\n        </OptionsContainer>\n      </ParamContainer>\n      {/* <ParamContainer>\n        <ParamTitle>Columns</ParamTitle>\n        <OptionsContainer>\n          <label>\n            <Input\n              type=\"checkbox\"\n              checked={options.showTimestamp}\n              onChange={(e) => {\n                setOptions({ ...options, showTimestamp: e.target.checked });\n              }}\n            />\n            Timestamp\n          </label>\n          <label>\n            <Input\n              type=\"checkbox\"\n              checked={options.showTag}\n              onChange={(e) => {\n                setOptions({ ...options, showTag: e.target.checked });\n              }}\n            />\n            Tag\n          </label>\n        </OptionsContainer>\n      </ParamContainer> */}\n      <ParamContainer>\n        <ParamTitle style={{ color: \"white\", whiteSpace: \"nowrap\" }}>\n          Tags\n        </ParamTitle>\n        <OptionsContainer>\n          <label>\n            <Input\n              type=\"checkbox\"\n              checked={uniqueTags.size === options.includeTags.size}\n              onChange={(e) => {\n                if (e.target.checked) {\n                  uniqueTags.forEach((tag) => options.includeTags.add(tag));\n                } else {\n                  options.includeTags.clear();\n                }\n                setOptions({ ...options });\n              }}\n            />\n            All\n          </label>\n          {Array.from(uniqueTags).map((tag) => (\n            <label key={tag}>\n              <Input\n                type=\"checkbox\"\n                checked={options.includeTags.has(tag)}\n                onChange={(e) => {\n                  if (e.target.checked) {\n                    options.includeTags.add(tag);\n                  } else {\n                    options.includeTags.delete(tag);\n                  }\n                  setOptions({ ...options });\n                }}\n              />\n              {tag}\n            </label>\n          ))}\n        </OptionsContainer>\n      </ParamContainer>\n    </Flex>\n  );\n};\n"],
+  "mappings": "AACA,OAAS,QAAAA,MAAY,qBACrB,OAAS,cAAAC,MAAkB,OAC3B,OAAOC,MAAY,oBAgEX,cAAAC,EAKE,QAAAC,MALF,oBA9CD,MAAMC,EAAsC,CACjD,aAAc,CACZ,MAAO,GACP,KAAM,GACN,QAAS,GACT,MAAO,GACP,MAAO,EACT,EACA,cAAe,GACf,QAAS,GACT,YAAa,IAAI,IACjB,WAAY,EACd,EAEMC,EAAiBJ,EAAOF,CAAI,EAAE,MAAM,CACxC,cAAe,SACf,WAAY,aACZ,eAAgB,YAClB,CAAC,IAEKO,EAAaL,EAAOD,EAAW,KAAK,EAAE,MAAM,CAChD,MAAO,CACT,CAAC;AAAA;AAAA,EAIKO,EAAmBN,EAAOF,CAAI,EAAE,MAAM,CAC1C,UAAW,EACX,cAAe,MACf,SAAU,OACV,SAAU,EACV,SAAU,QACZ,CAAC,IAEKS,EAAQP,EAAO;AAAA;AAAA,EAIRQ,EAA2C,CAAC,CACvD,QAAAC,EACA,WAAAC,EACA,WAAAC,CACF,IAEIT,EAACJ,EAAA,CAAK,cAAc,SAAS,aAAc,EAAG,QAAS,EAAG,OAAQ,EAChE,UAAAI,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAW,MAAO,CAAE,MAAO,QAAS,WAAY,QAAS,EAAG,sBAE7D,EACAH,EAACI,EAAA,CAEC,UAAAJ,EAAC,SACC,UAAAD,EAACM,EAAA,CACC,KAAK,WACL,QAAS,OAAO,OAAOE,EAAQ,YAAY,EAAE,MAAM,OAAO,EAC1D,SAAWG,GAAM,CACf,MAAMC,EAAkB,OAAO,YAC7B,OAAO,KAAKJ,EAAQ,YAAY,EAAE,IAAKK,GAAU,CAC/CA,EACAF,EAAE,OAAO,OACX,CAAC,CACH,EAEAF,EAAW,CACT,GAAGD,EACH,aACEI,CACJ,CAAC,CACH,EACF,EAAE,OAEJ,EACC,CAAC,QAAS,OAAQ,UAAW,QAAS,OAAO,EAAE,IAAKC,GACnDZ,EAAC,SACC,UAAAD,EAACM,EAAA,CACC,KAAK,WACL,QAASE,EAAQ,aAAaK,CAA6B,EAC3D,SAAWF,GAAM,CACfF,EAAW,CACT,GAAGD,EACH,aAAc,CACZ,GAAGA,EAAQ,aACX,CAACK,CAA6B,EAAGF,EAAE,OAAO,OAC5C,CACF,CAAC,CACH,EACF,EACCE,IAdSA,CAeZ,CACD,GACH,GACF,EA0BAZ,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAW,MAAO,CAAE,MAAO,QAAS,WAAY,QAAS,EAAG,gBAE7D,EACAH,EAACI,EAAA,CACC,UAAAJ,EAAC,SACC,UAAAD,EAACM,EAAA,CACC,KAAK,WACL,QAASI,EAAW,OAASF,EAAQ,YAAY,KACjD,SAAWG,GAAM,CACXA,EAAE,OAAO,QACXD,EAAW,QAASI,GAAQN,EAAQ,YAAY,IAAIM,CAAG,CAAC,EAExDN,EAAQ,YAAY,MAAM,EAE5BC,EAAW,CAAE,GAAGD,CAAQ,CAAC,CAC3B,EACF,EAAE,OAEJ,EACC,MAAM,KAAKE,CAAU,EAAE,IAAKI,GAC3Bb,EAAC,SACC,UAAAD,EAACM,EAAA,CACC,KAAK,WACL,QAASE,EAAQ,YAAY,IAAIM,CAAG,EACpC,SAAWH,GAAM,CACXA,EAAE,OAAO,QACXH,EAAQ,YAAY,IAAIM,CAAG,EAE3BN,EAAQ,YAAY,OAAOM,CAAG,EAEhCL,EAAW,CAAE,GAAGD,CAAQ,CAAC,CAC3B,EACF,EACCM,IAbSA,CAcZ,CACD,GACH,GACF,GACF",
+  "names": ["Flex", "Typography", "styled", "jsx", "jsxs", "defaultLoggerOptions", "ParamContainer", "ParamTitle", "OptionsContainer", "Input", "LoggerOptionsView", "options", "setOptions", "uniqueTags", "e", "newActiveLevels", "level", "tag"]
+}

package/lib/esm/src/screens/logger/LoggerToolbar.js

@@ -0,0 +1,9 @@
+import{Flex as C,Icons as e,Tooltip as S}from"@ledgerhq/react-ui";import x from"styled-components";import{FilterInput as L}from"./FilterInput";import{LoggerOptionsView as I}from"./LoggerOptions";import{SearchInput as T}from"./SearchInput";import{jsx as o,jsxs as y}from"react/jsx-runtime";const n=x.div`
+  opacity: 0.65;
+  cursor: pointer;
+  flex-shrink: 0;
+  &:hover {
+    opacity: 1;
+  }
+`,w=({clearLogs:i,downloadLogs:a,options:t,setOptions:r,uniqueTags:c,searchQuery:s,onSearchChange:p,matchCount:u,currentMatchIndex:g,onSearchNext:l,onSearchPrevious:m,onSearchFirst:h,onSearchLast:d,searchInputRef:v})=>y(C,{flexDirection:"row",columnGap:5,alignItems:"center",flex:1,children:[o(n,{onClick:i,children:o(e.DeleteStop,{size:"S"})}),o(S,{trigger:"click",placement:"bottom",interactive:!0,content:o(I,{options:t,setOptions:r,uniqueTags:c}),children:o(n,{children:o(e.Settings,{size:"S"})})}),o(n,{onClick:a,children:o(e.Download,{size:"S"})}),o(L,{value:t.filterText,onChange:f=>r({...t,filterText:f})}),o(T,{value:s,onChange:p,matchCount:u,currentMatchIndex:g,onNext:l,onPrevious:m,onFirst:h,onLast:d,inputRef:v})]});export{w as LoggerToolbar};
+//# sourceMappingURL=LoggerToolbar.js.map

package/lib/esm/src/screens/logger/LoggerToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/logger/LoggerToolbar.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { Flex, Icons, Tooltip } from \"@ledgerhq/react-ui\";\nimport styled from \"styled-components\";\n\nimport { FilterInput } from \"./FilterInput\";\nimport { type LoggerOptions, LoggerOptionsView } from \"./LoggerOptions\";\nimport { SearchInput } from \"./SearchInput\";\n\nconst ButtonContainer = styled.div`\n  opacity: 0.65;\n  cursor: pointer;\n  flex-shrink: 0;\n  &:hover {\n    opacity: 1;\n  }\n`;\n\nexport const LoggerToolbar: React.FC<{\n  clearLogs: () => void;\n  downloadLogs: () => void;\n  options: LoggerOptions;\n  setOptions: (options: LoggerOptions) => void;\n  uniqueTags: Set<string>;\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  matchCount: number;\n  currentMatchIndex: number;\n  onSearchNext: () => void;\n  onSearchPrevious: () => void;\n  onSearchFirst: () => void;\n  onSearchLast: () => void;\n  searchInputRef?: React.RefObject<HTMLInputElement>;\n}> = ({\n  clearLogs,\n  downloadLogs,\n  options,\n  setOptions,\n  uniqueTags,\n  searchQuery,\n  onSearchChange,\n  matchCount,\n  currentMatchIndex,\n  onSearchNext,\n  onSearchPrevious,\n  onSearchFirst,\n  onSearchLast,\n  searchInputRef,\n}) => (\n  <Flex flexDirection=\"row\" columnGap={5} alignItems=\"center\" flex={1}>\n    <ButtonContainer onClick={clearLogs}>\n      <Icons.DeleteStop size=\"S\" />\n    </ButtonContainer>\n    <Tooltip\n      trigger=\"click\"\n      placement=\"bottom\"\n      interactive\n      content={\n        <LoggerOptionsView\n          options={options}\n          setOptions={setOptions}\n          uniqueTags={uniqueTags}\n        />\n      }\n    >\n      <ButtonContainer>\n        <Icons.Settings size=\"S\" />\n      </ButtonContainer>\n    </Tooltip>\n    <ButtonContainer onClick={downloadLogs}>\n      <Icons.Download size=\"S\" />\n    </ButtonContainer>\n    <FilterInput\n      value={options.filterText}\n      onChange={(filterText) => setOptions({ ...options, filterText })}\n    />\n    <SearchInput\n      value={searchQuery}\n      onChange={onSearchChange}\n      matchCount={matchCount}\n      currentMatchIndex={currentMatchIndex}\n      onNext={onSearchNext}\n      onPrevious={onSearchPrevious}\n      onFirst={onSearchFirst}\n      onLast={onSearchLast}\n      inputRef={searchInputRef}\n    />\n  </Flex>\n);\n"],
+  "mappings": "AACA,OAAS,QAAAA,EAAM,SAAAC,EAAO,WAAAC,MAAe,qBACrC,OAAOC,MAAY,oBAEnB,OAAS,eAAAC,MAAmB,gBAC5B,OAA6B,qBAAAC,MAAyB,kBACtD,OAAS,eAAAC,MAAmB,gBA0C1B,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAxCF,MAAMC,EAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASlBO,EAeR,CAAC,CACJ,UAAAC,EACA,aAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,YAAAC,EACA,eAAAC,EACA,WAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,eAAAC,CACF,IACEhB,EAACR,EAAA,CAAK,cAAc,MAAM,UAAW,EAAG,WAAW,SAAS,KAAM,EAChE,UAAAO,EAACE,EAAA,CAAgB,QAASE,EACxB,SAAAJ,EAACN,EAAM,WAAN,CAAiB,KAAK,IAAI,EAC7B,EACAM,EAACL,EAAA,CACC,QAAQ,QACR,UAAU,SACV,YAAW,GACX,QACEK,EAACF,EAAA,CACC,QAASQ,EACT,WAAYC,EACZ,WAAYC,EACd,EAGF,SAAAR,EAACE,EAAA,CACC,SAAAF,EAACN,EAAM,SAAN,CAAe,KAAK,IAAI,EAC3B,EACF,EACAM,EAACE,EAAA,CAAgB,QAASG,EACxB,SAAAL,EAACN,EAAM,SAAN,CAAe,KAAK,IAAI,EAC3B,EACAM,EAACH,EAAA,CACC,MAAOS,EAAQ,WACf,SAAWY,GAAeX,EAAW,CAAE,GAAGD,EAAS,WAAAY,CAAW,CAAC,EACjE,EACAlB,EAACD,EAAA,CACC,MAAOU,EACP,SAAUC,EACV,WAAYC,EACZ,kBAAmBC,EACnB,OAAQC,EACR,WAAYC,EACZ,QAASC,EACT,OAAQC,EACR,SAAUC,EACZ,GACF",
+  "names": ["Flex", "Icons", "Tooltip", "styled", "FilterInput", "LoggerOptionsView", "SearchInput", "jsx", "jsxs", "ButtonContainer", "LoggerToolbar", "clearLogs", "downloadLogs", "options", "setOptions", "uniqueTags", "searchQuery", "onSearchChange", "matchCount", "currentMatchIndex", "onSearchNext", "onSearchPrevious", "onSearchFirst", "onSearchLast", "searchInputRef", "filterText"]
+}

package/lib/esm/src/screens/logger/SearchInput.js

@@ -0,0 +1,59 @@
+import{useCallback as h,useRef as k,useState as R}from"react";import{Icons as t}from"@ledgerhq/react-ui";import c from"styled-components";import{InputContainer as z,InputWrapper as E,StyledInput as F}from"./inputStyles";import{jsx as e,jsxs as i}from"react/jsx-runtime";const M=c.span`
+  font-size: 11px;
+  color: #666;
+  white-space: nowrap;
+  padding: 0 4px;
+`,a=c.button`
+  background: none;
+  border: none;
+  border-left: 1px solid #eee;
+  padding: 4px 6px;
+  cursor: pointer;
+  opacity: 0.65;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    opacity: 1;
+    background-color: #f5f5f5;
+  }
+
+  &:disabled {
+    opacity: 0.3;
+    cursor: default;
+    &:hover {
+      background-color: transparent;
+    }
+  }
+`,X=c.button`
+  background: none;
+  border: none;
+  padding: 4px;
+  cursor: pointer;
+  opacity: 0.5;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    opacity: 1;
+  }
+`,v=c.span`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  line-height: 0;
+  transform: scale(0.85);
+
+  svg {
+    display: block;
+  }
+
+  svg:first-child {
+    margin-bottom: -8px;
+  }
+`,w=({value:s,onChange:l,matchCount:d,currentMatchIndex:m,onNext:p,onPrevious:u,onFirst:C,onLast:b,inputRef:g})=>{const y=k(null),n=g??y,[B,f]=R(!1),I=h(o=>{o.key==="Enter"?(o.preventDefault(),o.shiftKey?u():p()):o.key==="Escape"&&n.current?.blur()},[p,u,n]),r=d>0,x=r?m+1:0,S=h(()=>{l(""),n.current?.focus()},[l,n]);return e(z,{children:i(E,{$focused:B,children:[e(F,{ref:n,type:"text",placeholder:"Search (Ctrl/Cmd+F)",value:s,onChange:o=>l(o.target.value),onFocus:()=>f(!0),onBlur:()=>f(!1),onKeyDown:I}),s&&e(X,{onClick:S,title:"Clear search",children:e(t.Close,{size:"XS"})}),s&&i(M,{children:[x,"/",d]}),e(a,{onClick:u,disabled:!r,title:"Previous match (Shift+Enter)",children:e(t.ChevronBigTop,{size:"XS"})}),e(a,{onClick:p,disabled:!r,title:"Next match (Enter)",children:e(t.ChevronBigBottom,{size:"XS"})}),e(a,{onClick:C,disabled:!r,title:"First match",children:i(v,{children:[e(t.ChevronBigTop,{size:"XS"}),e(t.ChevronBigTop,{size:"XS"})]})}),e(a,{onClick:b,disabled:!r,title:"Last match",children:i(v,{children:[e(t.ChevronBigBottom,{size:"XS"}),e(t.ChevronBigBottom,{size:"XS"})]})})]})})};export{w as SearchInput};
+//# sourceMappingURL=SearchInput.js.map

package/lib/esm/src/screens/logger/SearchInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/logger/SearchInput.tsx"],
+  "sourcesContent": ["import React, { useCallback, useRef, useState } from \"react\";\nimport { Icons } from \"@ledgerhq/react-ui\";\nimport styled from \"styled-components\";\n\nimport { InputContainer, InputWrapper, StyledInput } from \"./inputStyles\";\n\nconst MatchCounter = styled.span`\n  font-size: 11px;\n  color: #666;\n  white-space: nowrap;\n  padding: 0 4px;\n`;\n\nconst NavButton = styled.button`\n  background: none;\n  border: none;\n  border-left: 1px solid #eee;\n  padding: 4px 6px;\n  cursor: pointer;\n  opacity: 0.65;\n  color: #333;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    opacity: 1;\n    background-color: #f5f5f5;\n  }\n\n  &:disabled {\n    opacity: 0.3;\n    cursor: default;\n    &:hover {\n      background-color: transparent;\n    }\n  }\n`;\n\nconst ClearButton = styled.button`\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  opacity: 0.5;\n  color: #666;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    opacity: 1;\n  }\n`;\n\nconst DoubleChevronWrapper = styled.span`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: 0;\n  transform: scale(0.85);\n\n  svg {\n    display: block;\n  }\n\n  svg:first-child {\n    margin-bottom: -8px;\n  }\n`;\n\ntype SearchInputProps = {\n  value: string;\n  onChange: (value: string) => void;\n  matchCount: number;\n  currentMatchIndex: number;\n  onNext: () => void;\n  onPrevious: () => void;\n  onFirst: () => void;\n  onLast: () => void;\n  inputRef?: React.RefObject<HTMLInputElement>;\n};\n\nexport const SearchInput: React.FC<SearchInputProps> = ({\n  value,\n  onChange,\n  matchCount,\n  currentMatchIndex,\n  onNext,\n  onPrevious,\n  onFirst,\n  onLast,\n  inputRef,\n}) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const effectiveRef = inputRef ?? localRef;\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (e.shiftKey) {\n          onPrevious();\n        } else {\n          onNext();\n        }\n      } else if (e.key === \"Escape\") {\n        effectiveRef.current?.blur();\n      }\n    },\n    [onNext, onPrevious, effectiveRef],\n  );\n\n  const hasMatches = matchCount > 0;\n  const displayIndex = hasMatches ? currentMatchIndex + 1 : 0;\n\n  const handleClear = useCallback(() => {\n    onChange(\"\");\n    effectiveRef.current?.focus();\n  }, [onChange, effectiveRef]);\n\n  return (\n    <InputContainer>\n      <InputWrapper $focused={isFocused}>\n        <StyledInput\n          ref={effectiveRef}\n          type=\"text\"\n          placeholder=\"Search (Ctrl/Cmd+F)\"\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={handleKeyDown}\n        />\n        {value && (\n          <ClearButton onClick={handleClear} title=\"Clear search\">\n            <Icons.Close size=\"XS\" />\n          </ClearButton>\n        )}\n        {value && (\n          <MatchCounter>\n            {displayIndex}/{matchCount}\n          </MatchCounter>\n        )}\n        <NavButton\n          onClick={onPrevious}\n          disabled={!hasMatches}\n          title=\"Previous match (Shift+Enter)\"\n        >\n          <Icons.ChevronBigTop size=\"XS\" />\n        </NavButton>\n        <NavButton\n          onClick={onNext}\n          disabled={!hasMatches}\n          title=\"Next match (Enter)\"\n        >\n          <Icons.ChevronBigBottom size=\"XS\" />\n        </NavButton>\n        <NavButton onClick={onFirst} disabled={!hasMatches} title=\"First match\">\n          <DoubleChevronWrapper>\n            <Icons.ChevronBigTop size=\"XS\" />\n            <Icons.ChevronBigTop size=\"XS\" />\n          </DoubleChevronWrapper>\n        </NavButton>\n        <NavButton onClick={onLast} disabled={!hasMatches} title=\"Last match\">\n          <DoubleChevronWrapper>\n            <Icons.ChevronBigBottom size=\"XS\" />\n            <Icons.ChevronBigBottom size=\"XS\" />\n          </DoubleChevronWrapper>\n        </NavButton>\n      </InputWrapper>\n    </InputContainer>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useRef", "useState", "Icons", "styled", "InputContainer", "InputWrapper", "StyledInput", "jsx", "jsxs", "MatchCounter", "NavButton", "ClearButton", "DoubleChevronWrapper", "SearchInput", "value", "onChange", "matchCount", "currentMatchIndex", "onNext", "onPrevious", "onFirst", "onLast", "inputRef", "localRef", "effectiveRef", "isFocused", "setIsFocused", "handleKeyDown", "e", "hasMatches", "displayIndex", "handleClear"]
+}

package/lib/esm/src/screens/logger/filterUtils.js

@@ -0,0 +1,2 @@
+function d(e){const r=e.trim();if(!r)return[];const s=[],c=/(-?)\/([^/]+)\/|(\S+)/g;let n;for(;(n=c.exec(r))!==null;)if(n[2]!==void 0){const t=n[1]==="-",i=n[2];try{const o=new RegExp(i,"i");s.push({type:"regex",pattern:o,exclude:t})}catch{const o=n[0],a=o.startsWith("-"),l=a?o.slice(1):o;l&&s.push({type:"keyword",value:l.toLowerCase(),exclude:a})}}else if(n[3]!==void 0){const t=n[3],i=t.startsWith("-"),o=i?t.slice(1):t;o&&s.push({type:"keyword",value:o.toLowerCase(),exclude:i})}return s}function f(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return""}}function p(e){return[e.tag,e.message,f(e.payload)].join(" ")}function u(e,r){return e.type==="keyword"?r.toLowerCase().includes(e.value):e.pattern.test(r)}function g(e,r){if(r.length===0)return!0;const s=p(e),c=r.filter(t=>!t.exclude),n=r.filter(t=>t.exclude);for(const t of c)if(!u(t,s))return!1;for(const t of n)if(u(t,s))return!1;return!0}export{g as matchesFilter,d as parseFilterQuery};
+//# sourceMappingURL=filterUtils.js.map

package/lib/esm/src/screens/logger/filterUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/screens/logger/filterUtils.ts"],
+  "sourcesContent": ["import { type LogData } from \"./types\";\n\n/**\n * Represents a parsed filter token.\n * - keyword: case-insensitive text match\n * - regex: regular expression match\n */\nexport type FilterToken =\n  | { type: \"keyword\"; value: string; exclude: boolean }\n  | { type: \"regex\"; pattern: RegExp; exclude: boolean };\n\n/**\n * Parses a Chrome DevTools-style filter query into tokens.\n *\n * Supported syntax:\n * - `keyword` - match logs containing \"keyword\" (case-insensitive)\n * - `word1 word2` - match logs containing both words (AND logic)\n * - `-keyword` - exclude logs containing \"keyword\"\n * - `/regex/` - match logs matching the regex pattern\n * - `-/regex/` - exclude logs matching the regex pattern\n *\n * @param query - The filter query string\n * @returns Array of parsed filter tokens\n */\nexport function parseFilterQuery(query: string): FilterToken[] {\n  const trimmed = query.trim();\n  if (!trimmed) {\n    return [];\n  }\n\n  const tokens: FilterToken[] = [];\n\n  // Regex to match tokens: either a regex pattern (/.../) or a word\n  // This handles: -/regex/, /regex/, -keyword, keyword\n  const tokenRegex = /(-?)\\/([^/]+)\\/|(\\S+)/g;\n  let match: RegExpExecArray | null;\n\n  while ((match = tokenRegex.exec(trimmed)) !== null) {\n    if (match[2] !== undefined) {\n      // Regex pattern: match[1] is the optional \"-\", match[2] is the pattern\n      const exclude = match[1] === \"-\";\n      const patternStr = match[2];\n\n      try {\n        const pattern = new RegExp(patternStr, \"i\");\n        tokens.push({ type: \"regex\", pattern, exclude });\n      } catch {\n        // Invalid regex - treat the whole thing as a keyword\n        const rawToken = match[0];\n        const isExclude = rawToken.startsWith(\"-\");\n        const value = isExclude ? rawToken.slice(1) : rawToken;\n        if (value) {\n          tokens.push({\n            type: \"keyword\",\n            value: value.toLowerCase(),\n            exclude: isExclude,\n          });\n        }\n      }\n    } else if (match[3] !== undefined) {\n      // Keyword: match[3] is the full token\n      const token = match[3];\n      const exclude = token.startsWith(\"-\");\n      const value = exclude ? token.slice(1) : token;\n\n      if (value) {\n        tokens.push({ type: \"keyword\", value: value.toLowerCase(), exclude });\n      }\n    }\n  }\n\n  return tokens;\n}\n\n/**\n * Converts a log's payload to a searchable string.\n */\nfunction payloadToString(payload: LogData[\"payload\"]): string {\n  if (typeof payload === \"string\") {\n    return payload;\n  }\n  try {\n    return JSON.stringify(payload);\n  } catch {\n    return \"\";\n  }\n}\n\n/**\n * Creates a searchable text from a log entry.\n * Combines tag, message, and payload into a single string for matching.\n */\nfunction logToSearchableText(log: LogData): string {\n  const parts = [log.tag, log.message, payloadToString(log.payload)];\n  return parts.join(\" \");\n}\n\n/**\n * Tests if a single token matches the log text.\n */\nfunction tokenMatches(token: FilterToken, text: string): boolean {\n  if (token.type === \"keyword\") {\n    return text.toLowerCase().includes(token.value);\n  } else {\n    return token.pattern.test(text);\n  }\n}\n\n/**\n * Checks if a log entry matches the filter tokens.\n *\n * Matching logic:\n * - All include tokens must match (AND logic)\n * - No exclude tokens must match\n * - If no tokens, returns true (matches all)\n *\n * @param log - The log entry to test\n * @param tokens - The parsed filter tokens\n * @returns true if the log matches the filter\n */\nexport function matchesFilter(log: LogData, tokens: FilterToken[]): boolean {\n  if (tokens.length === 0) {\n    return true;\n  }\n\n  const searchText = logToSearchableText(log);\n\n  const includeTokens = tokens.filter((t) => !t.exclude);\n  const excludeTokens = tokens.filter((t) => t.exclude);\n\n  // All include tokens must match\n  for (const token of includeTokens) {\n    if (!tokenMatches(token, searchText)) {\n      return false;\n    }\n  }\n\n  // No exclude tokens must match\n  for (const token of excludeTokens) {\n    if (tokenMatches(token, searchText)) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],
+  "mappings": "AAwBO,SAASA,EAAiBC,EAA8B,CAC7D,MAAMC,EAAUD,EAAM,KAAK,EAC3B,GAAI,CAACC,EACH,MAAO,CAAC,EAGV,MAAMC,EAAwB,CAAC,EAIzBC,EAAa,yBACnB,IAAIC,EAEJ,MAAQA,EAAQD,EAAW,KAAKF,CAAO,KAAO,MAC5C,GAAIG,EAAM,CAAC,IAAM,OAAW,CAE1B,MAAMC,EAAUD,EAAM,CAAC,IAAM,IACvBE,EAAaF,EAAM,CAAC,EAE1B,GAAI,CACF,MAAMG,EAAU,IAAI,OAAOD,EAAY,GAAG,EAC1CJ,EAAO,KAAK,CAAE,KAAM,QAAS,QAAAK,EAAS,QAAAF,CAAQ,CAAC,CACjD,MAAQ,CAEN,MAAMG,EAAWJ,EAAM,CAAC,EAClBK,EAAYD,EAAS,WAAW,GAAG,EACnCE,EAAQD,EAAYD,EAAS,MAAM,CAAC,EAAIA,EAC1CE,GACFR,EAAO,KAAK,CACV,KAAM,UACN,MAAOQ,EAAM,YAAY,EACzB,QAASD,CACX,CAAC,CAEL,CACF,SAAWL,EAAM,CAAC,IAAM,OAAW,CAEjC,MAAMO,EAAQP,EAAM,CAAC,EACfC,EAAUM,EAAM,WAAW,GAAG,EAC9BD,EAAQL,EAAUM,EAAM,MAAM,CAAC,EAAIA,EAErCD,GACFR,EAAO,KAAK,CAAE,KAAM,UAAW,MAAOQ,EAAM,YAAY,EAAG,QAAAL,CAAQ,CAAC,CAExE,CAGF,OAAOH,CACT,CAKA,SAASU,EAAgBC,EAAqC,CAC5D,GAAI,OAAOA,GAAY,SACrB,OAAOA,EAET,GAAI,CACF,OAAO,KAAK,UAAUA,CAAO,CAC/B,MAAQ,CACN,MAAO,EACT,CACF,CAMA,SAASC,EAAoBC,EAAsB,CAEjD,MADc,CAACA,EAAI,IAAKA,EAAI,QAASH,EAAgBG,EAAI,OAAO,CAAC,EACpD,KAAK,GAAG,CACvB,CAKA,SAASC,EAAaL,EAAoBM,EAAuB,CAC/D,OAAIN,EAAM,OAAS,UACVM,EAAK,YAAY,EAAE,SAASN,EAAM,KAAK,EAEvCA,EAAM,QAAQ,KAAKM,CAAI,CAElC,CAcO,SAASC,EAAcH,EAAcb,EAAgC,CAC1E,GAAIA,EAAO,SAAW,EACpB,MAAO,GAGT,MAAMiB,EAAaL,EAAoBC,CAAG,EAEpCK,EAAgBlB,EAAO,OAAQ,GAAM,CAAC,EAAE,OAAO,EAC/CmB,EAAgBnB,EAAO,OAAQ,GAAM,EAAE,OAAO,EAGpD,UAAWS,KAASS,EAClB,GAAI,CAACJ,EAAaL,EAAOQ,CAAU,EACjC,MAAO,GAKX,UAAWR,KAASU,EAClB,GAAIL,EAAaL,EAAOQ,CAAU,EAChC,MAAO,GAIX,MAAO,EACT",
+  "names": ["parseFilterQuery", "query", "trimmed", "tokens", "tokenRegex", "match", "exclude", "patternStr", "pattern", "rawToken", "isExclude", "value", "token", "payloadToString", "payload", "logToSearchableText", "log", "tokenMatches", "text", "matchesFilter", "searchText", "includeTokens", "excludeTokens"]
+}