@tanstack/ai-devtools-core 0.3.6 → 0.3.8

package/dist/esm/styles/tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/styles/tokens.ts"],"sourcesContent":["export const tokens = {\n  colors: {\n    inherit: 'inherit',\n    current: 'currentColor',\n    transparent: 'transparent',\n    black: '#000000',\n    white: '#ffffff',\n    neutral: {\n      50: '#f9fafb',\n      100: '#f2f4f7',\n      200: '#eaecf0',\n      300: '#d0d5dd',\n      400: '#98a2b3',\n      500: '#667085',\n      600: '#475467',\n      700: '#344054',\n      800: '#1d2939',\n      900: '#101828',\n    },\n    darkGray: {\n      50: '#525c7a',\n      100: '#49536e',\n      200: '#414962',\n      300: '#394056',\n      400: '#313749',\n      500: '#292e3d',\n      600: '#212530',\n      700: '#191c24',\n      800: '#111318',\n      900: '#0b0d10',\n    },\n    gray: {\n      50: '#f9fafb',\n      100: '#f2f4f7',\n      200: '#eaecf0',\n      300: '#d0d5dd',\n      400: '#98a2b3',\n      500: '#667085',\n      600: '#475467',\n      700: '#344054',\n      800: '#1d2939',\n      900: '#101828',\n    },\n    blue: {\n      25: '#F5FAFF',\n      50: '#EFF8FF',\n      100: '#D1E9FF',\n      200: '#B2DDFF',\n      300: '#84CAFF',\n      400: '#53B1FD',\n      500: '#2E90FA',\n      600: '#1570EF',\n      700: '#175CD3',\n      800: '#1849A9',\n      900: '#194185',\n    },\n    green: {\n      25: '#F6FEF9',\n      50: '#ECFDF3',\n      100: '#D1FADF',\n      200: '#A6F4C5',\n      300: '#6CE9A6',\n      400: '#32D583',\n      500: '#12B76A',\n      600: '#039855',\n      700: '#027A48',\n      800: '#05603A',\n      900: '#054F31',\n    },\n    red: {\n      50: '#fef2f2',\n      100: '#fee2e2',\n      200: '#fecaca',\n      300: '#fca5a5',\n      400: '#f87171',\n      500: '#ef4444',\n      600: '#dc2626',\n      700: '#b91c1c',\n      800: '#991b1b',\n      900: '#7f1d1d',\n      950: '#450a0a',\n    },\n    yellow: {\n      25: '#FFFCF5',\n      50: '#FFFAEB',\n      100: '#FEF0C7',\n      200: '#FEDF89',\n      300: '#FEC84B',\n      400: '#FDB022',\n      500: '#F79009',\n      600: '#DC6803',\n      700: '#B54708',\n      800: '#93370D',\n      900: '#7A2E0E',\n    },\n    purple: {\n      25: '#FAFAFF',\n      50: '#F4F3FF',\n      100: '#EBE9FE',\n      200: '#D9D6FE',\n      300: '#BDB4FE',\n      400: '#9B8AFB',\n      500: '#7A5AF8',\n      600: '#6938EF',\n      700: '#5925DC',\n      800: '#4A1FB8',\n      900: '#3E1C96',\n    },\n    teal: {\n      25: '#F6FEFC',\n      50: '#F0FDF9',\n      100: '#CCFBEF',\n      200: '#99F6E0',\n      300: '#5FE9D0',\n      400: '#2ED3B7',\n      500: '#15B79E',\n      600: '#0E9384',\n      700: '#107569',\n      800: '#125D56',\n      900: '#134E48',\n    },\n    pink: {\n      25: '#fdf2f8',\n      50: '#fce7f3',\n      100: '#fbcfe8',\n      200: '#f9a8d4',\n      300: '#f472b6',\n      400: '#ec4899',\n      500: '#db2777',\n      600: '#be185d',\n      700: '#9d174d',\n      800: '#831843',\n      900: '#500724',\n    },\n    cyan: {\n      25: '#ecfeff',\n      50: '#cffafe',\n      100: '#a5f3fc',\n      200: '#67e8f9',\n      300: '#22d3ee',\n      400: '#06b6d4',\n      500: '#0891b2',\n      600: '#0e7490',\n      700: '#155e75',\n      800: '#164e63',\n      900: '#083344',\n    },\n  },\n  alpha: {\n    100: 'ff',\n    90: 'e5',\n    80: 'cc',\n    70: 'b3',\n    60: '99',\n    50: '80',\n    40: '66',\n    30: '4d',\n    20: '33',\n    10: '1a',\n    0: '00',\n  },\n  font: {\n    size: {\n      '2xs': 'calc(var(--tsrd-font-size) * 0.625)',\n      xs: 'calc(var(--tsrd-font-size) * 0.75)',\n      sm: 'calc(var(--tsrd-font-size) * 0.875)',\n      md: 'var(--tsrd-font-size)',\n      lg: 'calc(var(--tsrd-font-size) * 1.125)',\n      xl: 'calc(var(--tsrd-font-size) * 1.25)',\n      '2xl': 'calc(var(--tsrd-font-size) * 1.5)',\n      '3xl': 'calc(var(--tsrd-font-size) * 1.875)',\n      '4xl': 'calc(var(--tsrd-font-size) * 2.25)',\n      '5xl': 'calc(var(--tsrd-font-size) * 3)',\n      '6xl': 'calc(var(--tsrd-font-size) * 3.75)',\n      '7xl': 'calc(var(--tsrd-font-size) * 4.5)',\n      '8xl': 'calc(var(--tsrd-font-size) * 6)',\n      '9xl': 'calc(var(--tsrd-font-size) * 8)',\n    },\n    lineHeight: {\n      '3xs': 'calc(var(--tsrd-font-size) * 0.75)',\n      '2xs': 'calc(var(--tsrd-font-size) * 0.875)',\n      xs: 'calc(var(--tsrd-font-size) * 1)',\n      sm: 'calc(var(--tsrd-font-size) * 1.25)',\n      md: 'calc(var(--tsrd-font-size) * 1.5)',\n      lg: 'calc(var(--tsrd-font-size) * 1.75)',\n      xl: 'calc(var(--tsrd-font-size) * 2)',\n      '2xl': 'calc(var(--tsrd-font-size) * 2.25)',\n      '3xl': 'calc(var(--tsrd-font-size) * 2.5)',\n      '4xl': 'calc(var(--tsrd-font-size) * 2.75)',\n      '5xl': 'calc(var(--tsrd-font-size) * 3)',\n      '6xl': 'calc(var(--tsrd-font-size) * 3.25)',\n      '7xl': 'calc(var(--tsrd-font-size) * 3.5)',\n      '8xl': 'calc(var(--tsrd-font-size) * 3.75)',\n      '9xl': 'calc(var(--tsrd-font-size) * 4)',\n    },\n    weight: {\n      thin: '100',\n      extralight: '200',\n      light: '300',\n      normal: '400',\n      medium: '500',\n      semibold: '600',\n      bold: '700',\n      extrabold: '800',\n      black: '900',\n    },\n    fontFamily: {\n      sans: 'ui-sans-serif, Inter, system-ui, sans-serif, sans-serif',\n      mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`,\n    },\n  },\n  breakpoints: {\n    xs: '320px',\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n  border: {\n    radius: {\n      none: '0px',\n      xs: 'calc(var(--tsrd-font-size) * 0.125)',\n      sm: 'calc(var(--tsrd-font-size) * 0.25)',\n      md: 'calc(var(--tsrd-font-size) * 0.375)',\n      lg: 'calc(var(--tsrd-font-size) * 0.5)',\n      xl: 'calc(var(--tsrd-font-size) * 0.75)',\n      '2xl': 'calc(var(--tsrd-font-size) * 1)',\n      '3xl': 'calc(var(--tsrd-font-size) * 1.5)',\n      full: '9999px',\n    },\n  },\n  size: {\n    0: '0px',\n    0.25: 'calc(var(--tsrd-font-size) * 0.0625)',\n    0.5: 'calc(var(--tsrd-font-size) * 0.125)',\n    1: 'calc(var(--tsrd-font-size) * 0.25)',\n    1.5: 'calc(var(--tsrd-font-size) * 0.375)',\n    2: 'calc(var(--tsrd-font-size) * 0.5)',\n    2.5: 'calc(var(--tsrd-font-size) * 0.625)',\n    3: 'calc(var(--tsrd-font-size) * 0.75)',\n    3.5: 'calc(var(--tsrd-font-size) * 0.875)',\n    4: 'calc(var(--tsrd-font-size) * 1)',\n    4.5: 'calc(var(--tsrd-font-size) * 1.125)',\n    5: 'calc(var(--tsrd-font-size) * 1.25)',\n    5.5: 'calc(var(--tsrd-font-size) * 1.375)',\n    6: 'calc(var(--tsrd-font-size) * 1.5)',\n    6.5: 'calc(var(--tsrd-font-size) * 1.625)',\n    7: 'calc(var(--tsrd-font-size) * 1.75)',\n    8: 'calc(var(--tsrd-font-size) * 2)',\n    9: 'calc(var(--tsrd-font-size) * 2.25)',\n    10: 'calc(var(--tsrd-font-size) * 2.5)',\n    11: 'calc(var(--tsrd-font-size) * 2.75)',\n    12: 'calc(var(--tsrd-font-size) * 3)',\n    14: 'calc(var(--tsrd-font-size) * 3.5)',\n    16: 'calc(var(--tsrd-font-size) * 4)',\n    20: 'calc(var(--tsrd-font-size) * 5)',\n    24: 'calc(var(--tsrd-font-size) * 6)',\n    28: 'calc(var(--tsrd-font-size) * 7)',\n    32: 'calc(var(--tsrd-font-size) * 8)',\n    36: 'calc(var(--tsrd-font-size) * 9)',\n    40: 'calc(var(--tsrd-font-size) * 10)',\n    44: 'calc(var(--tsrd-font-size) * 11)',\n    48: 'calc(var(--tsrd-font-size) * 12)',\n    52: 'calc(var(--tsrd-font-size) * 13)',\n    56: 'calc(var(--tsrd-font-size) * 14)',\n    60: 'calc(var(--tsrd-font-size) * 15)',\n    64: 'calc(var(--tsrd-font-size) * 16)',\n    72: 'calc(var(--tsrd-font-size) * 18)',\n    80: 'calc(var(--tsrd-font-size) * 20)',\n    96: 'calc(var(--tsrd-font-size) * 24)',\n  },\n  shadow: {\n    xs: (_: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 1px 2px 0 rgb(0 0 0 / 0.05)` as const,\n    sm: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}` as const,\n    md: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}` as const,\n    lg: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}` as const,\n    xl: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}` as const,\n    '2xl': (color: string = 'rgb(0 0 0 / 0.25)') =>\n      `0 25px 50px -12px ${color}` as const,\n    inner: (color: string = 'rgb(0 0 0 / 0.05)') =>\n      `inset 0 2px 4px 0 ${color}` as const,\n    none: () => `none` as const,\n  },\n  zIndices: {\n    hide: -1,\n    auto: 'auto',\n    base: 0,\n    docked: 10,\n    dropdown: 1000,\n    sticky: 1100,\n    banner: 1200,\n    overlay: 1300,\n    modal: 1400,\n    popover: 1500,\n    skipLink: 1600,\n    toast: 1700,\n    tooltip: 1800,\n  },\n} as const\n"],"names":[],"mappings":"AAAO,MAAM,SAAS;AAAA,EACpB,QAAQ;AAAA,IAIN,OAAO;AAAA,IACP,OAAO;AAAA,IAaP,UAAU;AAAA,MAKR,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,IAEP,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,IAEP,MAAM;AAAA,MAGJ,KAAK;AAAA,MAEL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MAEL,KAAK;AAAA,IAAA;AAAA,IAEP,OAAO;AAAA,MAML,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,IACA,KAAK;AAAA,MAKH,KAAK;AAAA,MACL,KAAK;AAAA,IAMP;AAAA,IACA,QAAQ;AAAA,MAMN,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,IACA,QAAQ;AAAA,MAMN,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,IAcA,MAAM;AAAA,MAMJ,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,EAcF;AAAA,EACA,OAAO;AAAA,IAGL,IAAI;AAAA,IAKJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAGN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,MAEJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAUN;AAAA,IAkBA,QAAQ;AAAA,MAIN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IAGR;AAAA,IACA,YAAY;AAAA,MAEV,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAUF,QAAQ;AAAA,IACN,QAAQ;AAAA,MAGN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAKN;AAAA,EAAA;AAAA,EAEF,MAAM;AAAA,IAIJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,GAAG;AAAA,IAEH,GAAG;AAAA,IAEH,GAAG;AAAA,IAIH,GAAG;AAAA,IAGH,GAAG;AAAA,EAsBL;AAAA,EACA,QAAQ;AAAA,IACN,IAAI,CAAC,IAAY,uBACf;AAAA,IACF,IAAI,CAAC,QAAgB,uBACnB,eAAe,KAAK,oBAAoB,KAAK;AAAA,IAC/C,IAAI,CAAC,QAAgB,uBACnB,kBAAkB,KAAK,oBAAoB,KAAK;AAAA,IAClD,IAAI,CAAC,QAAgB,uBACnB,oBAAoB,KAAK,oBAAoB,KAAK;AAAA,IACpD,IAAI,CAAC,QAAgB,uBACnB,oBAAoB,KAAK,qBAAqB,KAAK;AAAA,IACrD,OAAO,CAAC,QAAgB,wBACtB,qBAAqB,KAAK;AAAA,IAC5B,OAAO,CAAC,QAAgB,wBACtB,qBAAqB,KAAK;AAAA,IAC5B,MAAM,MAAM;AAAA,EAAA;AAiBhB;"}

package/dist/esm/styles/use-styles.d.ts

@@ -1,233 +0,0 @@
-export declare function useStyles(): import('solid-js').Accessor<{
-    mainContainer: string;
-    dragHandle: string;
-    leftPanel: string;
-    rightPanel: string;
-    panelHeader: string;
-    utilList: string;
-    utilGroup: string;
-    utilGroupHeader: string;
-    utilRow: string;
-    utilRowSelected: string;
-    utilKey: string;
-    utilStatus: string;
-    stateDetails: string;
-    stateHeader: string;
-    stateTitle: string;
-    stateKey: string;
-    stateContent: string;
-    detailsGrid: string;
-    detailSection: string;
-    detailSectionHeader: string;
-    actionsRow: string;
-    actionButton: string;
-    actionDotBlue: string;
-    actionDotGreen: string;
-    actionDotRed: string;
-    actionDotYellow: string;
-    actionDotOrange: string;
-    actionDotPurple: string;
-    infoGrid: string;
-    infoLabel: string;
-    infoValueMono: string;
-    noSelection: string;
-    sectionContainer: string;
-    section: string;
-    sectionHeader: string;
-    sectionEmpty: string;
-    instanceList: string;
-    instanceCard: string;
-    shell: {
-        sectionHeader: string;
-        filterContainer: string;
-        filterButtonsRow: string;
-        filterButton: string;
-        filterButtonActive: string;
-        actionsRow: string;
-        clearAllButton: string;
-    };
-    conversationsList: {
-        rowMain: string;
-        rowTop: string;
-        rowRight: string;
-        rowContent: string;
-        rowInfo: string;
-        typeDot: string;
-        label: string;
-        toolCallsBadge: string;
-        statusDot: string;
-        stats: string;
-        statItem: string;
-        tokensBadge: string;
-        loadingIndicator: string;
-    };
-    conversationDetails: {
-        emptyState: string;
-        container: string;
-        headerContent: string;
-        headerRow: string;
-        headerLabel: string;
-        statusBadge: string;
-        statusActive: string;
-        statusCompleted: string;
-        statusError: string;
-        metaInfo: string;
-        usageInfo: string;
-        usageLabel: string;
-        usageBold: string;
-        toolsRow: string;
-        toolsLabel: string;
-        optionsRow: string;
-        optionsLabel: string;
-        optionsCompact: string;
-        optionBadge: string;
-        toggleButton: string;
-        extendedInfo: string;
-        infoSection: string;
-        infoLabel: string;
-        toolsList: string;
-        toolBadge: string;
-        jsonPreview: string;
-        collapsibleSection: string;
-        collapsibleSummary: string;
-        collapsibleContent: string;
-        systemPromptItem: string;
-        systemPromptIndex: string;
-        systemPromptText: string;
-        tabsContainer: string;
-        tabButtonActive: string;
-        tabButtonPulse: string;
-        contentArea: string;
-        emptyMessages: string;
-        messagesList: string;
-        messageCard: string;
-        messageCardUser: string;
-        messageCardAssistant: string;
-        messageCardClient: string;
-        messageCardServer: string;
-        messageHeader: string;
-        avatarUser: string;
-        avatarAssistant: string;
-        avatarClient: string;
-        avatarServer: string;
-        roleLabel: string;
-        roleLabelUser: string;
-        roleLabelAssistant: string;
-        roleLabelClient: string;
-        roleLabelServer: string;
-        sourceBanner: string;
-        sourceBannerClient: string;
-        sourceBannerServer: string;
-        sourceBannerIcon: string;
-        sourceBannerText: string;
-        messageCardContent: string;
-        sourceBadge: string;
-        sourceBadgeClient: string;
-        sourceBadgeServer: string;
-        timestamp: string;
-        messageUsage: string;
-        messageUsageIcon: string;
-        thinkingDetails: string;
-        thinkingSummary: string;
-        thinkingContent: string;
-        messageContent: string;
-        toolCallsContainer: string;
-        toolCall: string;
-        toolCallNormal: string;
-        toolCallApproval: string;
-        toolCallHeader: string;
-        toolCallContent: string;
-        toolCallName: string;
-        toolCallNameNormal: string;
-        toolCallNameApproval: string;
-        toolStateBadge: string;
-        toolStateBadgeNormal: string;
-        toolStateBadgeApproval: string;
-        approvalRequiredBadge: string;
-        toolArguments: string;
-        toolSection: string;
-        toolSectionLabel: string;
-        toolJsonContainer: string;
-        chunksDetails: string;
-        chunksSummary: string;
-        chunksSummaryRow: string;
-        chunksSummaryArrow: string;
-        chunksSummaryTitle: string;
-        chunksSummaryContent: string;
-        chunksSummaryHeader: string;
-        chunkBadge: string;
-        chunkBadgeTool: string;
-        chunkBadgeError: string;
-        chunkBadgeSuccess: string;
-        chunkBadgeApproval: string;
-        chunkBadgeCount: string;
-        contentPreview: string;
-        chunksContainer: string;
-        chunksList: string;
-        chunkItem: string;
-        chunkItemLarge: string;
-        chunkHeader: string;
-        chunkHeaderLarge: string;
-        chunkNumber: string;
-        chunkNumberLarge: string;
-        chunkTypeBadge: string;
-        chunkTypeBadgeLarge: string;
-        chunkTypeDot: string;
-        chunkTypeDotLarge: string;
-        chunkTypeLabel: string;
-        chunkTypeLabelLarge: string;
-        chunkToolBadge: string;
-        chunkToolBadgeLarge: string;
-        chunkTimestamp: string;
-        chunkTimestampLarge: string;
-        rawJsonButton: string;
-        rawJsonButtonInactive: string;
-        rawJsonButtonActive: string;
-        rawJsonButtonLarge: string;
-        chunkContent: string;
-        chunkContentLarge: string;
-        chunkError: string;
-        chunkErrorLarge: string;
-        chunkFinish: string;
-        chunkFinishLarge: string;
-        chunkApproval: string;
-        chunkApprovalLarge: string;
-        chunkApprovalTitle: string;
-        chunkApprovalTitleLarge: string;
-        chunkApprovalInput: string;
-        chunkApprovalInputLarge: string;
-        chunkToolCall: string;
-        chunkToolCallHeader: string;
-        chunkToolCallTitle: string;
-        chunkToolResult: string;
-        chunkToolResultHeader: string;
-        chunkToolResultTitle: string;
-        rawJson: string;
-        rawJsonLarge: string;
-        noChunks: string;
-        streamContainer: string;
-        streamHeader: string;
-        streamHeaderRow: string;
-        streamTitle: string;
-        streamSubtitle: string;
-        messageGroups: string;
-        messageGroupDetails: string;
-        messageGroupSummary: string;
-        messageGroupContent: string;
-        messageGroupHeader: string;
-        messageId: string;
-        operationCard: string;
-        operationHeader: string;
-        operationIcon: string;
-        operationTitle: string;
-        operationStatus: string;
-        operationStatusCompleted: string;
-        operationStatusPending: string;
-        durationBadge: string;
-        operationDetails: string;
-        operationDetail: string;
-        operationLabel: string;
-        operationValue: string;
-        iterationBadge: string;
-    };
-}>;