@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/idp-components/ComponentForm.js

@@ -0,0 +1,234 @@
+import { useRef as e, useState as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/idp-components/ComponentForm.tsx
+var o = ({ isOpen: o, onClose: s, onSubmit: c, initialData: l, title: u }) => {
+	let { t: d } = n(), f = (e, t) => {
+		let n = d(e);
+		return n === e ? t : n;
+	}, p = e(null), m = e(null), h = e(null), g = e(null), _ = e(null), v = e(null), y = e(null), b = e(null), x = e(null), [S, C] = t(!1), [w, T] = t(null), [E, D] = t({});
+	return o ? /* @__PURE__ */ i("div", {
+		className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+		children: /* @__PURE__ */ a("div", {
+			className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg max-h-[90vh] overflow-y-auto",
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "flex items-center justify-between mb-4",
+					children: [/* @__PURE__ */ i("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: u || f("component.createComponent", "Create Component")
+					}), /* @__PURE__ */ i("button", {
+						onClick: s,
+						className: "p-1 rounded hover:bg-bg-sunken transition-colors text-text-secondary",
+						children: /* @__PURE__ */ i(r, { className: "w-5 h-5" })
+					})]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "space-y-4",
+					children: [
+						w && /* @__PURE__ */ i("div", {
+							className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
+							children: w
+						}),
+						/* @__PURE__ */ a("div", { children: [
+							/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.nameLabel", "Name *")
+							}),
+							/* @__PURE__ */ i("input", {
+								ref: p,
+								type: "text",
+								defaultValue: l?.name || "",
+								placeholder: f("component.namePlaceholder", "my-service"),
+								onChange: () => E.name && D((e) => ({
+									...e,
+									name: void 0
+								})),
+								className: `w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${E.name ? "border-status-error-border" : "border-border-default"}`
+							}),
+							E.name && /* @__PURE__ */ i("p", {
+								className: "mt-1 text-xs text-status-error-text",
+								children: E.name
+							})
+						] }),
+						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: f("component.descriptionLabel", "Description")
+						}), /* @__PURE__ */ i("textarea", {
+							ref: m,
+							defaultValue: l?.description || "",
+							placeholder: f("component.descriptionPlaceholder", "Describe this component..."),
+							rows: 3,
+							className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder resize-none"
+						})] }),
+						/* @__PURE__ */ a("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.typeLabel", "Type")
+							}), /* @__PURE__ */ a("select", {
+								ref: h,
+								defaultValue: l?.type || "SERVICE",
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
+								children: [
+									/* @__PURE__ */ i("option", {
+										value: "SERVICE",
+										children: f("component.typeService", "Service")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "FRONTEND",
+										children: f("component.typeFrontend", "Frontend")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "LIBRARY",
+										children: f("component.typeLibrary", "Library")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "API",
+										children: f("component.typeApi", "API")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "MOBILE",
+										children: f("component.typeMobile", "Mobile")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "DATABASE",
+										children: f("component.typeDatabase", "Database")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "INFRASTRUCTURE",
+										children: f("component.typeInfrastructure", "Infrastructure")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "CUSTOM",
+										children: f("component.typeCustom", "Custom")
+									})
+								]
+							})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.lifecycleLabel", "Lifecycle")
+							}), /* @__PURE__ */ a("select", {
+								ref: g,
+								defaultValue: l?.lifecycle || "EXPERIMENTAL",
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
+								children: [
+									/* @__PURE__ */ i("option", {
+										value: "EXPERIMENTAL",
+										children: f("component.lifecycleExperimental", "Experimental")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "PRODUCTION",
+										children: f("component.lifecycleProduction", "Production")
+									}),
+									/* @__PURE__ */ i("option", {
+										value: "DEPRECATED",
+										children: f("component.lifecycleDeprecated", "Deprecated")
+									})
+								]
+							})] })]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.languageLabel", "Language")
+							}), /* @__PURE__ */ i("input", {
+								ref: _,
+								type: "text",
+								defaultValue: l?.language || "",
+								placeholder: f("component.languagePlaceholder", "TypeScript"),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+							})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.frameworkLabel", "Framework")
+							}), /* @__PURE__ */ i("input", {
+								ref: v,
+								type: "text",
+								defaultValue: l?.framework || "",
+								placeholder: f("component.frameworkPlaceholder", "React"),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+							})] })]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.versionLabel", "Version")
+							}), /* @__PURE__ */ i("input", {
+								ref: y,
+								type: "text",
+								defaultValue: l?.version || "",
+								placeholder: f("component.versionPlaceholder", "1.0.0"),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+							})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("component.ownerLabel", "Owner")
+							}), /* @__PURE__ */ i("input", {
+								ref: b,
+								type: "text",
+								defaultValue: l?.owner || "",
+								placeholder: f("component.ownerPlaceholder", "team-name"),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+							})] })]
+						}),
+						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: f("component.tagsLabel", "Tags (comma-separated)")
+						}), /* @__PURE__ */ i("input", {
+							ref: x,
+							type: "text",
+							defaultValue: l?.tags?.join(", ") || "",
+							placeholder: f("component.tagsPlaceholder", "backend, api, graphql"),
+							className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+						})] })
+					]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
+					children: [/* @__PURE__ */ i("button", {
+						onClick: s,
+						disabled: S,
+						className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
+						children: f("common.cancel", "Cancel")
+					}), /* @__PURE__ */ i("button", {
+						onClick: async () => {
+							let e = p.current?.value?.trim();
+							if (!e) {
+								D({ name: f("component.nameRequired", "Name is required") }), T(f("component.fillRequired", "Please fill in all required fields"));
+								return;
+							}
+							D({});
+							let t = {
+								name: e,
+								description: m.current?.value?.trim() || "",
+								type: h.current?.value || "SERVICE",
+								lifecycle: g.current?.value || "EXPERIMENTAL",
+								language: _.current?.value?.trim() || "",
+								framework: v.current?.value?.trim() || "",
+								version: y.current?.value?.trim() || "",
+								owner: b.current?.value?.trim() || "",
+								tags: x.current?.value ? x.current.value.split(",").map((e) => e.trim()).filter(Boolean) : []
+							};
+							C(!0), T(null);
+							try {
+								await c(t), s();
+							} catch (e) {
+								T(e instanceof Error ? e.message : f("component.failedSave", "Failed to save component"));
+							} finally {
+								C(!1);
+							}
+						},
+						disabled: S,
+						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+						children: S ? f("common.saving", "Saving...") : l?.name ? f("common.save", "Save") : f("component.createComponent", "Create Component")
+					})]
+				})
+			]
+		})
+	}) : null;
+};
+//#endregion
+export { o as ComponentForm };
+
+//# sourceMappingURL=ComponentForm.js.map

package/dist/components/idp-components/ComponentForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentForm.js","names":[],"sources":["../../../src/components/idp-components/ComponentForm.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { FC } from 'react';\nimport { X } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport interface ComponentFormData {\n  name: string;\n  description: string;\n  type:\n    | 'SERVICE'\n    | 'FRONTEND'\n    | 'LIBRARY'\n    | 'API'\n    | 'MOBILE'\n    | 'DATABASE'\n    | 'INFRASTRUCTURE'\n    | 'CUSTOM';\n  lifecycle: 'EXPERIMENTAL' | 'PRODUCTION' | 'DEPRECATED';\n  language: string;\n  framework: string;\n  version: string;\n  owner: string;\n  tags: string[];\n}\n\nexport interface ComponentFormProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (data: ComponentFormData) => Promise<void>;\n  initialData?: Partial<ComponentFormData>;\n  title?: string;\n}\n\nexport const ComponentForm: FC<ComponentFormProps> = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  initialData,\n  title,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const nameRef = useRef<HTMLInputElement>(null);\n  const descriptionRef = useRef<HTMLTextAreaElement>(null);\n  const typeRef = useRef<HTMLSelectElement>(null);\n  const lifecycleRef = useRef<HTMLSelectElement>(null);\n  const languageRef = useRef<HTMLInputElement>(null);\n  const frameworkRef = useRef<HTMLInputElement>(null);\n  const versionRef = useRef<HTMLInputElement>(null);\n  const ownerRef = useRef<HTMLInputElement>(null);\n  const tagsRef = useRef<HTMLInputElement>(null);\n\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [fieldErrors, setFieldErrors] = useState<{ name?: string }>({});\n\n  if (!isOpen) return null;\n\n  const handleSubmit = async () => {\n    const name = nameRef.current?.value?.trim();\n    if (!name) {\n      setFieldErrors({ name: tr('component.nameRequired', 'Name is required') });\n      setError(tr('component.fillRequired', 'Please fill in all required fields'));\n      return;\n    }\n    setFieldErrors({});\n\n    const data: ComponentFormData = {\n      name,\n      description: descriptionRef.current?.value?.trim() || '',\n      type: (typeRef.current?.value as ComponentFormData['type']) || 'SERVICE',\n      lifecycle: (lifecycleRef.current?.value as ComponentFormData['lifecycle']) || 'EXPERIMENTAL',\n      language: languageRef.current?.value?.trim() || '',\n      framework: frameworkRef.current?.value?.trim() || '',\n      version: versionRef.current?.value?.trim() || '',\n      owner: ownerRef.current?.value?.trim() || '',\n      tags: tagsRef.current?.value\n        ? tagsRef.current.value\n            .split(',')\n            .map((s) => s.trim())\n            .filter(Boolean)\n        : [],\n    };\n\n    setLoading(true);\n    setError(null);\n    try {\n      await onSubmit(data);\n      onClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : tr('component.failedSave', 'Failed to save component')\n      );\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\">\n      <div className=\"bg-bg-surface rounded-lg p-6 w-full max-w-lg max-h-[90vh] overflow-y-auto\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {title || tr('component.createComponent', 'Create Component')}\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1 rounded hover:bg-bg-sunken transition-colors text-text-secondary\"\n          >\n            <X className=\"w-5 h-5\" />\n          </button>\n        </div>\n        <div className=\"space-y-4\">\n          {error && (\n            <div className=\"p-3 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n              {error}\n            </div>\n          )}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('component.nameLabel', 'Name *')}\n            </label>\n            <input\n              ref={nameRef}\n              type=\"text\"\n              defaultValue={initialData?.name || ''}\n              placeholder={tr('component.namePlaceholder', 'my-service')}\n              onChange={() =>\n                fieldErrors.name && setFieldErrors((e) => ({ ...e, name: undefined }))\n              }\n              className={`w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${fieldErrors.name ? 'border-status-error-border' : 'border-border-default'}`}\n            />\n            {fieldErrors.name && (\n              <p className=\"mt-1 text-xs text-status-error-text\">{fieldErrors.name}</p>\n            )}\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('component.descriptionLabel', 'Description')}\n            </label>\n            <textarea\n              ref={descriptionRef}\n              defaultValue={initialData?.description || ''}\n              placeholder={tr('component.descriptionPlaceholder', 'Describe this component...')}\n              rows={3}\n              className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder resize-none\"\n            />\n          </div>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tr('component.typeLabel', 'Type')}\n              </label>\n              <select\n                ref={typeRef}\n                defaultValue={initialData?.type || 'SERVICE'}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n              >\n                <option value=\"SERVICE\">{tr('component.typeService', 'Service')}</option>\n                <option value=\"FRONTEND\">{tr('component.typeFrontend', 'Frontend')}</option>\n                <option value=\"LIBRARY\">{tr('component.typeLibrary', 'Library')}</option>\n                <option value=\"API\">{tr('component.typeApi', 'API')}</option>\n                <option value=\"MOBILE\">{tr('component.typeMobile', 'Mobile')}</option>\n                <option value=\"DATABASE\">{tr('component.typeDatabase', 'Database')}</option>\n                <option value=\"INFRASTRUCTURE\">\n                  {tr('component.typeInfrastructure', 'Infrastructure')}\n                </option>\n                <option value=\"CUSTOM\">{tr('component.typeCustom', 'Custom')}</option>\n              </select>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tr('component.lifecycleLabel', 'Lifecycle')}\n              </label>\n              <select\n                ref={lifecycleRef}\n                defaultValue={initialData?.lifecycle || 'EXPERIMENTAL'}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n              >\n                <option value=\"EXPERIMENTAL\">\n                  {tr('component.lifecycleExperimental', 'Experimental')}\n                </option>\n                <option value=\"PRODUCTION\">\n                  {tr('component.lifecycleProduction', 'Production')}\n                </option>\n                <option value=\"DEPRECATED\">\n                  {tr('component.lifecycleDeprecated', 'Deprecated')}\n                </option>\n              </select>\n            </div>\n          </div>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tr('component.languageLabel', 'Language')}\n              </label>\n              <input\n                ref={languageRef}\n                type=\"text\"\n                defaultValue={initialData?.language || ''}\n                placeholder={tr('component.languagePlaceholder', 'TypeScript')}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tr('component.frameworkLabel', 'Framework')}\n              </label>\n              <input\n                ref={frameworkRef}\n                type=\"text\"\n                defaultValue={initialData?.framework || ''}\n                placeholder={tr('component.frameworkPlaceholder', 'React')}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tr('component.versionLabel', 'Version')}\n              </label>\n              <input\n                ref={versionRef}\n                type=\"text\"\n                defaultValue={initialData?.version || ''}\n                placeholder={tr('component.versionPlaceholder', '1.0.0')}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tr('component.ownerLabel', 'Owner')}\n              </label>\n              <input\n                ref={ownerRef}\n                type=\"text\"\n                defaultValue={initialData?.owner || ''}\n                placeholder={tr('component.ownerPlaceholder', 'team-name')}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('component.tagsLabel', 'Tags (comma-separated)')}\n            </label>\n            <input\n              ref={tagsRef}\n              type=\"text\"\n              defaultValue={initialData?.tags?.join(', ') || ''}\n              placeholder={tr('component.tagsPlaceholder', 'backend, api, graphql')}\n              className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col sm:flex-row justify-end gap-3 mt-6\">\n          <button\n            onClick={onClose}\n            disabled={loading}\n            className=\"px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n          >\n            {tr('common.cancel', 'Cancel')}\n          </button>\n          <button\n            onClick={handleSubmit}\n            disabled={loading}\n            className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n          >\n            {loading\n              ? tr('common.saving', 'Saving...')\n              : initialData?.name\n                ? tr('common.save', 'Save')\n                : tr('component.createComponent', 'Create Component')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/idp-components/index.d.ts

@@ -0,0 +1,5 @@
+export { ComponentCard } from './ComponentCard';
+export type { ComponentCardData, ComponentCardProps } from './ComponentCard';
+export { ComponentForm } from './ComponentForm';
+export type { ComponentFormData, ComponentFormProps } from './ComponentForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/idp-components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/idp-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/idp-components/index.js

@@ -0,0 +1,2 @@
+import "./ComponentCard.js";
+import "./ComponentForm.js";

package/dist/components/logs/LogViewer.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+
+interface LogViewerProps {
+    agentId: string;
+    level?: 'debug' | 'info' | 'warn' | 'error';
+    source?: string;
+    maxEntries?: number;
+    className?: string;
+    compact?: boolean;
+}
+export declare const LogViewer: FC<LogViewerProps>;
+export {};
+//# sourceMappingURL=LogViewer.d.ts.map

package/dist/components/logs/LogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../../../src/components/logs/LogViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAc1E,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAoBD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiUxC,CAAC"}

package/dist/components/logs/LogViewer.js

@@ -0,0 +1,265 @@
+import { useVibeControls as e } from "../../providers/VibeControlsProvider.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Download as o, Pause as s, Play as c, RefreshCw as l, Search as u, Trash2 as d } from "lucide-react";
+import { getStoredAuthToken as f, getStoredWorkspaceToken as p } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/logs/LogViewer.tsx
+function g(e) {
+	return `${e.timestamp}:${e.level}:${e.source}:${e.message}`;
+}
+var _ = {
+	debug: "text-text-tertiary",
+	info: "text-status-info-text",
+	warn: "text-status-warning-text",
+	error: "text-status-error-text"
+}, v = {
+	debug: "bg-bg-tertiary/30",
+	info: "bg-status-info-bg/10",
+	warn: "bg-status-warning-bg/10",
+	error: "bg-status-error-bg/10"
+}, y = ({ agentId: y, level: b = "info", source: x, maxEntries: S = 1e3, className: C = "", compact: w = !1 }) => {
+	let { t: T } = a(), { apiGatewayUrl: E, workspaceId: D } = e(), [O, k] = i([]), [A, j] = i(!1), [M, N] = i(!1), [P, F] = i(b), [I, L] = i(""), [R, z] = i(null), [B, V] = i(!1), H = r(null), U = r(!0), W = (e, t) => {
+		let n = T(e);
+		return n === e ? t : n;
+	}, G = t(() => {
+		if (!H.current) return;
+		let e = H.current;
+		U.current = e.scrollHeight - e.scrollTop - e.clientHeight < 50;
+	}, []), K = t(() => {
+		H.current && (H.current.scrollTop = H.current.scrollHeight);
+	}, []), q = t(async () => {
+		if (y) {
+			V(!0);
+			try {
+				let e = f(), t = p(), n = await (await fetch(E ? `${E}/workspaces/graphql` : "/workspaces/graphql", {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						...e ? { Authorization: `Bearer ${e}` } : {},
+						...t ? { "X-Workspace-Authorization": `Bearer ${t}` } : {},
+						...D ? { "x-workspace-id": D } : {}
+					},
+					body: JSON.stringify({
+						query: "query AgentLogs($agentId: ID!, $path: String!, $query: JSON) {\n            agentAiGet(agentId: $agentId, path: $path, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }",
+						variables: {
+							agentId: y,
+							path: "/api/logs",
+							query: {
+								level: P,
+								limit: 200,
+								...x ? { source: x } : {}
+							}
+						}
+					})
+				})).json(), r = n.data?.agentAiGet;
+				if (!r?.ok) throw Error(r?.error || n.errors?.[0]?.message || "Failed to fetch logs");
+				let i = (r.data?.entries ?? []).slice().sort((e, t) => new Date(e.timestamp).getTime() - new Date(t.timestamp).getTime());
+				k((e) => {
+					let t = /* @__PURE__ */ new Map();
+					for (let n of e) t.set(g(n), n);
+					for (let e of i) t.set(g(e), e);
+					return Array.from(t.values()).sort((e, t) => new Date(e.timestamp).getTime() - new Date(t.timestamp).getTime()).slice(-S);
+				}), j(!0), z(null), U.current && requestAnimationFrame(K);
+			} catch (e) {
+				j(!1), z(e instanceof Error ? e.message : W("logs.fetchFailed", "Failed to fetch logs"));
+			} finally {
+				V(!1);
+			}
+		}
+	}, [
+		y,
+		E,
+		x,
+		P,
+		S,
+		K,
+		W,
+		D
+	]);
+	n(() => {
+		k([]), j(!1), z(null);
+	}, [
+		y,
+		x,
+		P
+	]), n(() => {
+		if (!y || M) return;
+		let e = !1, t = async () => {
+			e || await q();
+		};
+		t();
+		let n = window.setInterval(() => {
+			t();
+		}, 3e3);
+		return () => {
+			e = !0, window.clearInterval(n);
+		};
+	}, [
+		y,
+		q,
+		M
+	]);
+	let J = I ? O.filter((e) => e.message.toLowerCase().includes(I.toLowerCase()) || e.source.toLowerCase().includes(I.toLowerCase())) : O, Y = () => k([]), X = () => {
+		let e = new Blob([J.map((e) => JSON.stringify(e)).join("\n")], { type: "application/x-ndjson" }), t = URL.createObjectURL(e), n = document.createElement("a");
+		n.href = t, n.download = `agent-logs-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.jsonl`, n.click(), URL.revokeObjectURL(t);
+	}, Z = (e) => {
+		try {
+			let t = new Date(e);
+			return t.toLocaleTimeString("en-US", {
+				hour12: !1,
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			}) + "." + String(t.getMilliseconds()).padStart(3, "0");
+		} catch {
+			return e;
+		}
+	};
+	return /* @__PURE__ */ h("div", {
+		className: `flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${C}`,
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "mr-2 flex items-center gap-1.5",
+						children: [/* @__PURE__ */ m("div", { className: `h-2 w-2 rounded-full ${A ? "animate-pulse bg-status-success-bg" : "bg-status-error-bg"}` }), /* @__PURE__ */ m("span", {
+							className: "text-xs text-text-tertiary",
+							children: A ? W("logs.live", "Live") : W("logs.disconnected", "Disconnected")
+						})]
+					}),
+					/* @__PURE__ */ h("select", {
+						value: P,
+						onChange: (e) => F(e.target.value),
+						className: "rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary",
+						"aria-label": W("logs.levelFilter", "Log level filter"),
+						children: [
+							/* @__PURE__ */ m("option", {
+								value: "debug",
+								children: "DEBUG+"
+							}),
+							/* @__PURE__ */ m("option", {
+								value: "info",
+								children: "INFO+"
+							}),
+							/* @__PURE__ */ m("option", {
+								value: "warn",
+								children: "WARN+"
+							}),
+							/* @__PURE__ */ m("option", {
+								value: "error",
+								children: "ERROR"
+							})
+						]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "relative min-w-[120px] max-w-xs flex-1",
+						children: [/* @__PURE__ */ m(u, {
+							size: 12,
+							className: "absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary"
+						}), /* @__PURE__ */ m("input", {
+							type: "text",
+							placeholder: W("logs.filterLogs", "Filter logs..."),
+							value: I,
+							onChange: (e) => L(e.target.value),
+							className: "w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary"
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "ml-auto flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ h("span", {
+								className: "text-xs text-text-tertiary",
+								children: [
+									J.length,
+									" ",
+									W("logs.entries", "entries")
+								]
+							}),
+							/* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => void q(),
+								disabled: B,
+								className: "rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50",
+								title: W("common.refresh", "Refresh"),
+								children: /* @__PURE__ */ m(l, {
+									size: 14,
+									className: B ? "animate-spin" : ""
+								})
+							}),
+							/* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => N((e) => !e),
+								className: `rounded p-1 transition-colors hover:bg-bg-tertiary ${M ? "text-status-warning-text" : "text-text-tertiary"}`,
+								title: M ? W("logs.resume", "Resume") : W("logs.pause", "Pause"),
+								children: m(M ? c : s, { size: 14 })
+							}),
+							/* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: Y,
+								className: "rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary",
+								title: W("logs.clear", "Clear"),
+								children: /* @__PURE__ */ m(d, { size: 14 })
+							}),
+							/* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: X,
+								className: "rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary",
+								title: W("logs.export", "Export"),
+								children: /* @__PURE__ */ m(o, { size: 14 })
+							})
+						]
+					})
+				]
+			}),
+			R ? /* @__PURE__ */ m("div", {
+				role: "alert",
+				className: "border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text",
+				children: R
+			}) : null,
+			/* @__PURE__ */ m("div", {
+				ref: H,
+				onScroll: G,
+				className: `overflow-y-auto font-mono text-xs leading-relaxed ${w ? "max-h-[300px]" : "min-h-[400px] flex-1"}`,
+				style: { maxHeight: w ? "300px" : void 0 },
+				children: J.length === 0 ? /* @__PURE__ */ m("div", {
+					className: "flex h-full min-h-[200px] items-center justify-center text-text-tertiary",
+					children: A ? W("logs.waitingForEntries", "Waiting for log entries...") : W("logs.connectToAgent", "Connect to an agent to view logs")
+				}) : J.map((e, t) => /* @__PURE__ */ h("div", {
+					className: `flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${v[e.level] ?? ""}`,
+					children: [
+						/* @__PURE__ */ m("span", {
+							className: "w-[85px] shrink-0 text-text-tertiary",
+							children: Z(e.timestamp)
+						}),
+						/* @__PURE__ */ m("span", {
+							className: `w-[42px] shrink-0 uppercase font-semibold ${_[e.level] ?? "text-text-primary"}`,
+							children: e.level
+						}),
+						/* @__PURE__ */ h("span", {
+							className: "w-[100px] shrink-0 truncate text-text-secondary",
+							title: e.source,
+							children: [
+								"[",
+								e.source,
+								"]"
+							]
+						}),
+						/* @__PURE__ */ h("span", {
+							className: "flex-1 break-all text-text-primary",
+							children: [e.message, e.metadata && Object.keys(e.metadata).length > 0 ? /* @__PURE__ */ m("span", {
+								className: "ml-2 text-text-tertiary",
+								children: JSON.stringify(e.metadata)
+							}) : null]
+						})
+					]
+				}, `${e.timestamp}-${e.source}-${t}`))
+			})
+		]
+	});
+};
+//#endregion
+export { y as LogViewer };
+
+//# sourceMappingURL=LogViewer.js.map

package/dist/components/logs/LogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","names":[],"sources":["../../../src/components/logs/LogViewer.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport { Download, Pause, Play, RefreshCw, Search, Trash2 } from 'lucide-react';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\ninterface LogEntry {\n  timestamp: string;\n  level: 'debug' | 'info' | 'warn' | 'error';\n  source: string;\n  message: string;\n  metadata?: Record<string, unknown>;\n}\n\ninterface LogViewerProps {\n  agentId: string;\n  level?: 'debug' | 'info' | 'warn' | 'error';\n  source?: string;\n  maxEntries?: number;\n  className?: string;\n  compact?: boolean;\n}\n\nfunction getEntryKey(entry: LogEntry): string {\n  return `${entry.timestamp}:${entry.level}:${entry.source}:${entry.message}`;\n}\n\nconst LEVEL_COLORS: Record<string, string> = {\n  debug: 'text-text-tertiary',\n  info: 'text-status-info-text',\n  warn: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst LEVEL_BG: Record<string, string> = {\n  debug: 'bg-bg-tertiary/30',\n  info: 'bg-status-info-bg/10',\n  warn: 'bg-status-warning-bg/10',\n  error: 'bg-status-error-bg/10',\n};\n\nexport const LogViewer: FC<LogViewerProps> = ({\n  agentId,\n  level: initialLevel = 'info',\n  source: initialSource,\n  maxEntries = 1000,\n  className = '',\n  compact = false,\n}) => {\n  const { t } = useI18n();\n  const { apiGatewayUrl, workspaceId } = useVibeControls();\n  const [entries, setEntries] = useState<LogEntry[]>([]);\n  const [connected, setConnected] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const [level, setLevel] = useState(initialLevel);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const autoScrollRef = useRef(true);\n\n  const tr = (key: string, fallback: string) => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const element = containerRef.current;\n    autoScrollRef.current = element.scrollHeight - element.scrollTop - element.clientHeight < 50;\n  }, []);\n\n  const scrollToBottom = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, []);\n\n  const fetchLogs = useCallback(async () => {\n    if (!agentId) {\n      return;\n    }\n\n    setIsRefreshing(true);\n\n    try {\n      const authToken = getStoredAuthToken();\n      const workspaceToken = getStoredWorkspaceToken();\n      const response = await fetch(\n        apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n            ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n            ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n          },\n          body: JSON.stringify({\n            query: `query AgentLogs($agentId: ID!, $path: String!, $query: JSON) {\n            agentAiGet(agentId: $agentId, path: $path, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }`,\n            variables: {\n              agentId,\n              path: '/api/logs',\n              query: {\n                level,\n                limit: 200,\n                ...(initialSource ? { source: initialSource } : {}),\n              },\n            },\n          }),\n        }\n      );\n\n      const payload = await response.json();\n      const proxy = payload.data?.agentAiGet;\n      if (!proxy?.ok) {\n        throw new Error(proxy?.error || payload.errors?.[0]?.message || 'Failed to fetch logs');\n      }\n\n      const nextEntries = ((proxy.data?.entries ?? []) as LogEntry[]).slice().sort((a, b) => {\n        return new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime();\n      });\n      setEntries((current) => {\n        const merged = new Map<string, LogEntry>();\n        for (const entry of current) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        for (const entry of nextEntries) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        return Array.from(merged.values())\n          .sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime())\n          .slice(-maxEntries);\n      });\n      setConnected(true);\n      setErrorMessage(null);\n\n      if (autoScrollRef.current) {\n        requestAnimationFrame(scrollToBottom);\n      }\n    } catch (error) {\n      setConnected(false);\n      setErrorMessage(\n        error instanceof Error ? error.message : tr('logs.fetchFailed', 'Failed to fetch logs')\n      );\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [agentId, apiGatewayUrl, initialSource, level, maxEntries, scrollToBottom, tr, workspaceId]);\n\n  useEffect(() => {\n    setEntries([]);\n    setConnected(false);\n    setErrorMessage(null);\n  }, [agentId, initialSource, level]);\n\n  useEffect(() => {\n    if (!agentId || paused) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const load = async () => {\n      if (!cancelled) {\n        await fetchLogs();\n      }\n    };\n\n    void load();\n    const intervalId = window.setInterval(() => {\n      void load();\n    }, 3000);\n\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [agentId, fetchLogs, paused]);\n\n  const filteredEntries = searchQuery\n    ? entries.filter(\n        (entry) =>\n          entry.message.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          entry.source.toLowerCase().includes(searchQuery.toLowerCase())\n      )\n    : entries;\n\n  const handleClear = () => setEntries([]);\n\n  const handleExport = () => {\n    const blob = new Blob([filteredEntries.map((entry) => JSON.stringify(entry)).join('\\n')], {\n      type: 'application/x-ndjson',\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `agent-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.jsonl`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const formatTime = (timestamp: string) => {\n    try {\n      const date = new Date(timestamp);\n      return (\n        date.toLocaleTimeString('en-US', {\n          hour12: false,\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }) +\n        '.' +\n        String(date.getMilliseconds()).padStart(3, '0')\n      );\n    } catch {\n      return timestamp;\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${className}`}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2\">\n        <div className=\"mr-2 flex items-center gap-1.5\">\n          <div\n            className={`h-2 w-2 rounded-full ${connected ? 'animate-pulse bg-status-success-bg' : 'bg-status-error-bg'}`}\n          />\n          <span className=\"text-xs text-text-tertiary\">\n            {connected ? tr('logs.live', 'Live') : tr('logs.disconnected', 'Disconnected')}\n          </span>\n        </div>\n\n        <select\n          value={level}\n          onChange={(event) => setLevel(event.target.value as LogEntry['level'])}\n          className=\"rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary\"\n          aria-label={tr('logs.levelFilter', 'Log level filter')}\n        >\n          <option value=\"debug\">DEBUG+</option>\n          <option value=\"info\">INFO+</option>\n          <option value=\"warn\">WARN+</option>\n          <option value=\"error\">ERROR</option>\n        </select>\n\n        <div className=\"relative min-w-[120px] max-w-xs flex-1\">\n          <Search\n            size={12}\n            className=\"absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary\"\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('logs.filterLogs', 'Filter logs...')}\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            className=\"w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary\"\n          />\n        </div>\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          <span className=\"text-xs text-text-tertiary\">\n            {filteredEntries.length} {tr('logs.entries', 'entries')}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => void fetchLogs()}\n            disabled={isRefreshing}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50\"\n            title={tr('common.refresh', 'Refresh')}\n          >\n            <RefreshCw size={14} className={isRefreshing ? 'animate-spin' : ''} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setPaused((current) => !current)}\n            className={`rounded p-1 transition-colors hover:bg-bg-tertiary ${paused ? 'text-status-warning-text' : 'text-text-tertiary'}`}\n            title={paused ? tr('logs.resume', 'Resume') : tr('logs.pause', 'Pause')}\n          >\n            {paused ? <Play size={14} /> : <Pause size={14} />}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.clear', 'Clear')}\n          >\n            <Trash2 size={14} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.export', 'Export')}\n          >\n            <Download size={14} />\n          </button>\n        </div>\n      </div>\n\n      {errorMessage ? (\n        <div\n          role=\"alert\"\n          className=\"border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        ref={containerRef}\n        onScroll={handleScroll}\n        className={`overflow-y-auto font-mono text-xs leading-relaxed ${compact ? 'max-h-[300px]' : 'min-h-[400px] flex-1'}`}\n        style={{ maxHeight: compact ? '300px' : undefined }}\n      >\n        {filteredEntries.length === 0 ? (\n          <div className=\"flex h-full min-h-[200px] items-center justify-center text-text-tertiary\">\n            {connected\n              ? tr('logs.waitingForEntries', 'Waiting for log entries...')\n              : tr('logs.connectToAgent', 'Connect to an agent to view logs')}\n          </div>\n        ) : (\n          filteredEntries.map((entry, index) => (\n            <div\n              key={`${entry.timestamp}-${entry.source}-${index}`}\n              className={`flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${LEVEL_BG[entry.level] ?? ''}`}\n            >\n              <span className=\"w-[85px] shrink-0 text-text-tertiary\">\n                {formatTime(entry.timestamp)}\n              </span>\n              <span\n                className={`w-[42px] shrink-0 uppercase font-semibold ${LEVEL_COLORS[entry.level] ?? 'text-text-primary'}`}\n              >\n                {entry.level}\n              </span>\n              <span\n                className=\"w-[100px] shrink-0 truncate text-text-secondary\"\n                title={entry.source}\n              >\n                [{entry.source}]\n              </span>\n              <span className=\"flex-1 break-all text-text-primary\">\n                {entry.message}\n                {entry.metadata && Object.keys(entry.metadata).length > 0 ? (\n                  <span className=\"ml-2 text-text-tertiary\">{JSON.stringify(entry.metadata)}</span>\n                ) : null}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/notes/NoteCard.d.ts

@@ -0,0 +1,13 @@
+import { Note } from './types';
+
+interface NoteCardProps {
+    note: Note;
+    onOpen?: (note: Note) => void;
+    onEdit?: (note: Note) => void;
+    onDelete?: (note: Note) => void;
+    onPin?: (note: Note) => void;
+    onUnpin?: (note: Note) => void;
+}
+export declare function NoteCard({ note, onOpen, onEdit, onDelete, onPin, onUnpin }: NoteCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NoteCard.d.ts.map

package/dist/components/notes/NoteCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteCard.d.ts","sourceRoot":"","sources":["../../../src/components/notes/NoteCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,aAAa,2CA2KzF"}