@logicplanes/kaeso-ui 0.4.4 → 0.4.6

package/dist/components/kaeso/usage.js.map

@@ -1 +1 @@
-{"version":3,"file":"usage.js","names":["__icon_LeftToRightListBulletIcon","__icon_Layers01Icon","__icon_Wallet01Icon","cn","useUiText","Icon","Badge","tokenKindColor","KAESO_USAGE_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","ORDER","TOKEN_KIND_ORDER","kindLabels","t","KAESO_USAGE_BREAKDOWN_VARIANTS","KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS","UsageBreakdown","label","kinds","tokens","k","total","a","className","formatNumber","Swatch","formatTokens","KIND_ICON","LeftToRightListBulletIcon","Layers01Icon","Wallet01Icon","LimitMeter","win","Meter","limit","used","alerts","kind","scope","hard","valueLabel","resets"],"sources":["../../../src/components/kaeso/usage.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { LeftToRightListBulletIcon as __icon_LeftToRightListBulletIcon, Layers01Icon as __icon_Layers01Icon, Wallet01Icon as __icon_Wallet01Icon } from \"@hugeicons/core-free-icons\";\nimport { formatNumber, formatTokens } from \"../../format/index.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Meter } from \"../meter/meter.js\";\nimport { Swatch, TOKEN_KIND_ORDER, tokenKindColor, type TokenKind } from \"../charts/core.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_USAGE_VARIANTS = {\n  limit: {\n    hard: { classes: \"\" },\n    soft: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_USAGE_DEFAULT_VARIANTS = { limit: \"hard\" } as const;\n\nconst ORDER = TOKEN_KIND_ORDER;\n\nfunction kindLabels(t: UiText): Record<TokenKind, string> {\n  return {\n    input: t(\"usageBreakdown.input\", \"Input\"),\n    output: t(\"usageBreakdown.output\", \"Output\"),\n    cacheRead: t(\"usageBreakdown.cacheRead\", \"Cache read\"),\n    cacheWrite: t(\"usageBreakdown.cacheWrite\", \"Cache write\"),\n    reasoning: t(\"usageBreakdown.reasoning\", \"Reasoning\"),\n  };\n}\n\nexport const KAESO_USAGE_BREAKDOWN_VARIANTS = {} as const;\nexport const KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS = {} as const;\n\nexport const UsageBreakdown = /* @__PURE__ */ forwardRef<HTMLDivElement, { tokens: Partial<Record<TokenKind, number>>; className?: string | undefined }>(\n  function UsageBreakdown({ tokens, className }, ref) {\n    const t = useUiText();\n    const label = kindLabels(t);\n    const kinds = ORDER.filter((k) => (tokens[k] ?? 0) > 0);\n    const total = kinds.reduce((a, k) => a + (tokens[k] ?? 0), 0) || 1;\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-12\", className)}>\n        <div\n          role=\"img\"\n          aria-label={t(\"usageBreakdown.tokens\", \"Tokens: {list}\", {\n            list: kinds\n              .map((k) => t(\"usageBreakdown.kindCount\", \"{kind} {count}\", { kind: label[k], count: formatNumber(tokens[k] ?? 0) }))\n              .join(t(\"usageBreakdown.listSeparator\", \", \")),\n          })}\n          className=\"flex h-8 w-full gap-2 overflow-hidden rounded-pill\"\n        >\n          {kinds.map((k) => (\n            <span\n              key={k}\n              className=\"h-full min-w-2 first:rounded-l-pill last:rounded-r-pill width-motion\"\n              style={{ width: `${((tokens[k] ?? 0) / total) * 100}%`, background: tokenKindColor(k) }}\n            />\n          ))}\n        </div>\n        <dl className=\"flex flex-wrap gap-x-24 gap-y-8\">\n          {ORDER.filter((k) => tokens[k] !== undefined).map((k) => (\n            <div key={k} className=\"flex flex-col gap-2\">\n              <dt className=\"flex items-center gap-8 text-small text-fg-secondary\">\n                <Swatch color={tokenKindColor(k)} />\n                {label[k]}\n              </dt>\n              <dd\n                className=\"pl-18 text-body font-medium text-fg tabular\"\n                title={t(\"usageBreakdown.tokenCount\", \"{count} tokens\", { count: formatNumber(tokens[k] ?? 0) })}\n              >\n                {formatTokens(tokens[k] ?? 0)}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") UsageBreakdown.displayName = \"UsageBreakdown\";\n\nexport type LimitKind = \"requests\" | \"tokens\" | \"spend\";\nconst KIND_ICON: Record<LimitKind, IconData> = { requests: __icon_LeftToRightListBulletIcon, tokens: __icon_Layers01Icon, spend: __icon_Wallet01Icon };\n\nexport interface LimitMeterProps {\n  kind: LimitKind;\n  scope: ReactNode;\n  window: ReactNode;\n  used: number;\n  limit: number;\n  valueLabel: ReactNode;\n  hard?: boolean | undefined;\n  alerts?: number[] | undefined;\n  resets?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const LimitMeter = /* @__PURE__ */ forwardRef<HTMLDivElement, LimitMeterProps>(function LimitMeter(\n  { kind, scope, window: win, used, limit, valueLabel, hard = true, alerts = [0.8], resets, className },\n  ref,\n) {\n  const t = useUiText();\n  return (\n    <Meter\n      ref={ref}\n      className={className}\n      value={limit > 0 ? used / limit : 0}\n      thresholds={alerts}\n      leading={<Icon icon={KIND_ICON[kind]} size=\"sm\" className=\"text-fg-secondary\" />}\n      label={scope}\n      trailing={<Badge tone={hard ? \"neutral\" : \"outline\"}>{hard ? t(\"limitMeter.hard\", \"Hard\") : t(\"limitMeter.soft\", \"Soft\")}</Badge>}\n      caption={\n        <span className=\"flex flex-wrap items-baseline justify-between gap-x-12 gap-y-2\">\n          <span>\n            <span className=\"font-medium text-fg-secondary tabular\">{valueLabel}</span> · {win}\n          </span>\n          {resets && <span>{resets}</span>}\n        </span>\n      }\n      aria-label={t(\"limitMeter.label\", \"{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}\", { kind })}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") LimitMeter.displayName = \"LimitMeter\";\n"],"mappings":"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"}
+{"version":3,"file":"usage.js","names":["__icon_LeftToRightListBulletIcon","__icon_Layers01Icon","__icon_Wallet01Icon","_Fragment","cn","useUiText","Icon","Tooltip","Text","Meter","Badge","tokenKindColor","edgeColor","Swatch","TOKEN_KIND_ORDER","tokenKindLabel","Fragment$1","KAESO_USAGE_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","ORDER","KAESO_USAGE_BREAKDOWN_VARIANTS","KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS","UsageBreakdown","t","kinds","tokens","k","total","a","className","formatNumber","edge","count","shown","formatTokens","exact","KIND_ICON","LeftToRightListBulletIcon","Layers01Icon","Wallet01Icon","LimitMeter","win","over","limit","used","name","alerts","kind","scope","hard","valueLabel","resets"],"sources":["../../../src/components/kaeso/usage.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { LeftToRightListBulletIcon as __icon_LeftToRightListBulletIcon, Layers01Icon as __icon_Layers01Icon, Wallet01Icon as __icon_Wallet01Icon } from \"@hugeicons/core-free-icons\";\nimport { formatNumber, formatTokens } from \"../../format/index.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Meter } from \"../meter/meter.js\";\nimport { Text } from \"../text/text.js\";\nimport { Swatch, TOKEN_KIND_ORDER, tokenKindColor, tokenKindLabel, type TokenKind } from \"../charts/core.js\";\nimport { edgeColor } from \"../charts/marks.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_USAGE_VARIANTS = {\n  limit: {\n    hard: { classes: \"\" },\n    soft: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_USAGE_DEFAULT_VARIANTS = { limit: \"hard\" } as const;\n\nconst ORDER = TOKEN_KIND_ORDER;\n\nexport const KAESO_USAGE_BREAKDOWN_VARIANTS = {} as const;\nexport const KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS = {} as const;\n\nexport const UsageBreakdown = /* @__PURE__ */ forwardRef<HTMLDivElement, { tokens: Partial<Record<TokenKind, number>>; className?: string | undefined }>(\n  function UsageBreakdown({ tokens, className }, ref) {\n    const t = useUiText();\n    const kinds = ORDER.filter((k) => (tokens[k] ?? 0) > 0);\n    const total = kinds.reduce((a, k) => a + (tokens[k] ?? 0), 0) || 1;\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-12\", className)}>\n        <div\n          role=\"img\"\n          aria-label={t(\"usageBreakdown.tokens\", \"Tokens: {list}\", {\n            list: kinds\n              .map((k) => t(\"usageBreakdown.kindCount\", \"{kind} {count}\", { kind: tokenKindLabel(k, t), count: formatNumber(tokens[k] ?? 0) }))\n              .join(t(\"usageBreakdown.listSeparator\", \", \")),\n          })}\n          className={cn(\"flex h-8 w-full gap-2 overflow-hidden rounded-pill\", kinds.length === 0 && \"bg-fill-2\")}\n        >\n          {kinds.map((k) => {\n            const edge = edgeColor(tokenKindColor(k));\n            return (\n              <span\n                key={k}\n                className=\"h-full min-w-2 data-mark first:rounded-l-pill last:rounded-r-pill width-motion\"\n                style={{\n                  width: `${((tokens[k] ?? 0) / total) * 100}%`,\n                  background: tokenKindColor(k),\n                  ...(edge ? { boxShadow: `inset 0 0 0 1px ${edge}` } : {}),\n                }}\n              />\n            );\n          })}\n        </div>\n        <dl className=\"flex flex-wrap gap-x-24 gap-y-8\">\n          {ORDER.filter((k) => tokens[k] !== undefined).map((k) => {\n            const count = tokens[k] ?? 0;\n            const shown = formatTokens(count);\n            const exact = t(\"usageBreakdown.tokenCount\", \"{count} tokens\", { count: formatNumber(count) });\n            return (\n              <div key={k} className=\"flex flex-col gap-2\">\n                <dt className=\"flex items-center gap-8 text-small text-fg-secondary\">\n                  <Swatch color={tokenKindColor(k)} />\n                  {tokenKindLabel(k, t)}\n                </dt>\n                <dd className=\"pl-18 text-body font-medium text-fg tabular\">\n                  {Math.abs(count) < 1000 ? (\n                    shown\n                  ) : (\n                    <Tooltip content={exact}>\n                      <span tabIndex={0} aria-label={exact} className=\"rounded-code focus-ring\">\n                        {shown}\n                      </span>\n                    </Tooltip>\n                  )}\n                </dd>\n              </div>\n            );\n          })}\n        </dl>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") UsageBreakdown.displayName = \"UsageBreakdown\";\n\nexport type LimitKind = \"requests\" | \"tokens\" | \"spend\";\nconst KIND_ICON: Record<LimitKind, IconData> = { requests: __icon_LeftToRightListBulletIcon, tokens: __icon_Layers01Icon, spend: __icon_Wallet01Icon };\n\nexport interface LimitMeterProps {\n  kind: LimitKind;\n  scope: ReactNode;\n  window: ReactNode;\n  used: number;\n  limit: number;\n  valueLabel: ReactNode;\n  hard?: boolean | undefined;\n  alerts?: number[] | undefined;\n  resets?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const LimitMeter = /* @__PURE__ */ forwardRef<HTMLDivElement, LimitMeterProps>(function LimitMeter(\n  { kind, scope, window: win, used, limit, valueLabel, hard = true, alerts = [0.8], resets, className },\n  ref,\n) {\n  const t = useUiText();\n  const over = limit > 0 && used > limit;\n  const name = t(\"limitMeter.label\", \"{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}\", { kind });\n  return (\n    <Meter\n      ref={ref}\n      className={className}\n      value={limit > 0 ? used / limit : 0}\n      thresholds={alerts}\n      leading={<Icon icon={KIND_ICON[kind]} size=\"sm\" className=\"text-fg-secondary\" />}\n      label={typeof scope === \"string\" ? <Text truncate>{scope}</Text> : scope}\n      trailing={<Badge tone={hard ? \"neutral\" : \"outline\"}>{hard ? t(\"limitMeter.hard\", \"Hard limit\") : t(\"limitMeter.soft\", \"Soft limit\")}</Badge>}\n      caption={\n        <span className=\"flex flex-wrap items-baseline justify-between gap-x-12 gap-y-2\">\n          <span>\n            {over && (\n              <>\n                <span className={cn(\"font-medium\", hard ? \"text-danger-text\" : \"text-warning-text\")}>\n                  {hard ? t(\"limitMeter.overHard\", \"Over the limit, requests refused\") : t(\"limitMeter.overSoft\", \"Over the limit, alerts only\")}\n                </span>\n                {\" · \"}\n              </>\n            )}\n            <span className=\"font-medium text-fg-secondary tabular\">{valueLabel}</span> · {win}\n          </span>\n          {resets && <span>{resets}</span>}\n        </span>\n      }\n      aria-label={typeof scope === \"string\" ? t(\"limitMeter.scopedLabel\", \"{scope}, {limit}\", { scope, limit: name }) : name}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") LimitMeter.displayName = \"LimitMeter\";\n"],"mappings":"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"}