@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

package/dist/bigconsole/components/widgets/comments/WidgetComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetComments.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/comments/WidgetComments.tsx"],"sourcesContent":["/**\n * WidgetComments\n *\n * Collaborative comment thread for a single widget, rendered as a slide-over\n * panel inside the widget container. Supports posting top-level comments and\n * threaded replies, resolving/reopening, and (soft) deleting. Data flows through\n * useWidgetComments → the federated EntityComment API.\n */\n\nimport { type FC, useState, useCallback, useEffect, useRef } from 'react';\nimport { MessageSquare, Send, Check, RotateCcw, Trash2, X, CornerDownRight, Loader2 } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWidgetComments, type WidgetCommentThread } from '../../../hooks/useWidgetComments';\nimport type { EntityCommentFieldsFragment } from '../../../../generated/wspace-operations';\n\nexport interface WidgetCommentsProps {\n  widgetId: string;\n  /** Close the panel. */\n  onClose: () => void;\n}\n\nfunction authorLabel(\n  t: (\n    key: string,\n    fallbackOrParams?: string | Record<string, string | number>,\n    params?: Record<string, string | number>\n  ) => string,\n  authorId: string\n): string {\n  // We only have an opaque actor id here; show a short, stable handle.\n  return t('bigconsole.widget.comments.authorLabel', 'User {{id}}', { id: authorId.slice(0, 6) });\n}\n\nfunction formatWhen(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(d);\n}\n\ninterface CommentItemProps {\n  comment: EntityCommentFieldsFragment;\n  isReply?: boolean;\n  busy: boolean;\n  onResolve: (id: string, resolved: boolean) => void;\n  onDelete: (id: string) => void;\n  onReply?: (id: string) => void;\n}\n\nconst CommentItem: FC<CommentItemProps> = ({ comment, isReply, busy, onResolve, onDelete, onReply }) => {\n  const { t } = useI18n();\n  const resolved = !!comment.resolvedAt;\n  const body = comment.content.text ?? comment.content.markdown ?? '';\n  return (\n    <div className={isReply ? 'pl-6' : ''}>\n      <div className=\"rounded-md border border-[var(--color-border-default)] bg-bg-surface p-2.5\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"text-xs font-medium text-text-primary\">{authorLabel(t, comment.authorId)}</span>\n          <span className=\"text-[10px] text-text-muted tabular-nums\">{formatWhen(comment.createdAt)}</span>\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary\">{body}</p>\n        <div className=\"mt-1.5 flex items-center gap-2\">\n          {resolved && (\n            <span className=\"inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text\">\n              <Check className=\"h-3 w-3\" /> {t('bigconsole.widget.comments.resolvedBadge', 'Resolved')}\n            </span>\n          )}\n          {onReply && (\n            <button\n              type=\"button\"\n              disabled={busy}\n              onClick={() => onReply(comment.id)}\n              className=\"inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> {t('bigconsole.widget.comments.reply', 'Reply')}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onResolve(comment.id, !resolved)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50\"\n          >\n            {resolved ? <RotateCcw className=\"h-3 w-3\" /> : <Check className=\"h-3 w-3\" />}\n            {resolved\n              ? t('bigconsole.widget.comments.reopen', 'Reopen')\n              : t('bigconsole.widget.comments.resolve', 'Resolve')}\n          </button>\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onDelete(comment.id)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-3 w-3\" /> {t('bigconsole.widget.comments.delete', 'Delete')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface ComposerProps {\n  placeholder: string;\n  busy: boolean;\n  autoFocus?: boolean;\n  /** Returns false when the post failed — the draft is kept so it isn't lost. */\n  onSubmit: (text: string) => boolean | void | Promise<boolean | void>;\n  onCancel?: () => void;\n}\n\nconst Composer: FC<ComposerProps> = ({ placeholder, busy, autoFocus, onSubmit, onCancel }) => {\n  const { t } = useI18n();\n  const [text, setText] = useState('');\n  const submit = async () => {\n    const v = text.trim();\n    if (!v) return;\n    // Only clear once the post succeeds; on failure the user keeps their draft.\n    const ok = await onSubmit(v);\n    if (ok !== false) setText('');\n  };\n  return (\n    <div className=\"flex items-end gap-2\">\n      <textarea\n        autoFocus={autoFocus}\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          // The composer lives inside an edit-mode widget, whose keyboard\n          // handler consumes Space to select the widget. Keep text editing\n          // events within the textarea so spaces and other input are intact.\n          e.stopPropagation();\n          if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n            e.preventDefault();\n            void submit();\n          }\n        }}\n        rows={2}\n        placeholder={placeholder}\n        className=\"flex-1 resize-none rounded-md border border-[var(--color-border-default)] bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n      />\n      <div className=\"flex flex-col gap-1\">\n        <button\n          type=\"button\"\n          disabled={busy || !text.trim()}\n          onClick={() => void submit()}\n          title={t('bigconsole.widget.comments.postTitle', 'Post (⌘/Ctrl + Enter)')}\n          className=\"inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n        >\n          {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Send className=\"h-4 w-4\" />}\n        </button>\n        {onCancel && (\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"inline-flex items-center justify-center rounded-md border border-[var(--color-border-default)] p-1.5 text-text-muted hover:text-text-primary\"\n            title={t('bigconsole.widget.comments.cancelReplyTitle', 'Cancel reply')}\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const WidgetComments: FC<WidgetCommentsProps> = ({ widgetId, onClose }) => {\n  const { t } = useI18n();\n  const { threads, count, loading, error, mutating, addComment, resolveComment, deleteComment } =\n    useWidgetComments(widgetId);\n  const [replyTo, setReplyTo] = useState<string | null>(null);\n  const [scrollToNewest, setScrollToNewest] = useState(false);\n  const threadListRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!scrollToNewest) return;\n\n    const threadList = threadListRef.current;\n    threadList?.scrollTo({ top: threadList.scrollHeight, behavior: 'smooth' });\n    setScrollToNewest(false);\n  }, [scrollToNewest, threads]);\n\n  const handleAdd = useCallback(\n    async (text: string, parentId?: string): Promise<boolean> => {\n      const ok = await addComment(text, parentId);\n      if (ok) {\n        if (parentId) setReplyTo(null);\n        else setScrollToNewest(true);\n      }\n      return ok;\n    },\n    [addComment]\n  );\n\n  return (\n    <div\n      className=\"absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm\"\n      role=\"dialog\"\n      aria-label={t('bigconsole.widget.comments.dialogAriaLabel', 'Widget comments')}\n      tabIndex={-1}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          e.stopPropagation();\n          onClose();\n        }\n      }}\n    >\n      {/*\n        Header. Matches the widget card's own title band exactly — same padding,\n        same seam, same semibold title — so opening comments does not change the\n        card's header grammar mid-flight (BOFF-5636).\n      */}\n      <div className=\"flex min-w-0 items-center justify-between gap-2 border-b border-[var(--color-border-subtle)] bg-bg-surface px-3 py-2 sm:px-4\">\n        <h3 className=\"flex min-w-0 items-center gap-2 text-sm font-semibold leading-tight tracking-tight text-text-primary\">\n          <MessageSquare aria-hidden=\"true\" className=\"h-icon-sm w-icon-sm shrink-0 text-text-secondary\" />\n          {t('bigconsole.widget.comments.title', 'Comments')}\n          <span className=\"rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums\">\n            {count}\n          </span>\n        </h3>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label={t('bigconsole.widget.comments.closeAriaLabel', 'Close comments')}\n          className=\"shrink-0 rounded-button p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      {/* Thread list */}\n      <div ref={threadListRef} className=\"flex-1 space-y-3 overflow-auto p-3\">\n        {loading && threads.length === 0 && (\n          <div className=\"flex items-center justify-center py-8 text-text-muted\">\n            <Loader2 className=\"h-5 w-5 animate-spin\" />\n          </div>\n        )}\n        {error && !loading && (\n          <p\n            role=\"alert\"\n            className=\"rounded-input border border-[var(--color-status-error-border)] bg-status-error-bg-subtle px-2.5 py-2 text-xs text-[var(--color-status-error-text)]\"\n          >\n            {t('bigconsole.widget.comments.loadError', 'Couldn’t load comments.')}\n          </p>\n        )}\n        {!loading && !error && threads.length === 0 && (\n          <p className=\"py-8 text-center text-sm text-text-muted\">\n            {t('bigconsole.widget.comments.empty', 'No comments yet. Start the conversation.')}\n          </p>\n        )}\n        {threads.map(({ comment, replies }: WidgetCommentThread) => (\n          <div key={comment.id} className=\"space-y-2\">\n            <CommentItem\n              comment={comment}\n              busy={mutating}\n              onResolve={(id, r) => void resolveComment(id, r)}\n              onDelete={(id) => void deleteComment(id)}\n              onReply={(id) => setReplyTo((cur) => (cur === id ? null : id))}\n            />\n            {replies.map((reply) => (\n              <CommentItem\n                key={reply.id}\n                comment={reply}\n                isReply\n                busy={mutating}\n                onResolve={(id, r) => void resolveComment(id, r)}\n                onDelete={(id) => void deleteComment(id)}\n              />\n            ))}\n            {replyTo === comment.id && (\n              <div className=\"pl-6\">\n                <Composer\n                  placeholder={t('bigconsole.widget.comments.replyPlaceholder', 'Write a reply…')}\n                  busy={mutating}\n                  autoFocus\n                  onSubmit={(text) => handleAdd(text, comment.id)}\n                  onCancel={() => setReplyTo(null)}\n                />\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* New top-level comment */}\n      <div className=\"border-t border-[var(--color-border-default)] p-3\">\n        <Composer\n          placeholder={t('bigconsole.widget.comments.addPlaceholder', 'Add a comment…')}\n          busy={mutating}\n          onSubmit={(text) => handleAdd(text)}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetComments;\n"],"mappings":";;;;;;AAqBA,SAAS,EACP,GAKA,GACQ;AAER,QAAO,EAAE,0CAA0C,eAAe,EAAE,IAAI,EAAS,MAAM,GAAG,EAAE,EAAE,CAAC;;AAGjG,SAAS,EAAW,GAAqB;CACvC,IAAM,IAAI,IAAI,KAAK,EAAI;AAEvB,QADI,OAAO,MAAM,EAAE,SAAS,CAAC,GAAS,KAC/B,IAAI,KAAK,eAAe,KAAA,GAAW;EAAE,WAAW;EAAU,WAAW;EAAS,CAAC,CAAC,OAAO,EAAE;;AAYlG,IAAM,KAAqC,EAAE,YAAS,YAAS,SAAM,cAAW,aAAU,iBAAc;CACtG,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,CAAC,CAAC,EAAQ,YACrB,IAAO,EAAQ,QAAQ,QAAQ,EAAQ,QAAQ,YAAY;AACjE,QACE,kBAAC,OAAD;EAAK,WAAW,IAAU,SAAS;YACjC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAyC,EAAY,GAAG,EAAQ,SAAS;MAAQ,CAAA,EACjG,kBAAC,QAAD;MAAM,WAAU;gBAA4C,EAAW,EAAQ,UAAU;MAAQ,CAAA,CAC7F;;IACN,kBAAC,KAAD;KAAG,WAAU;eAAoE;KAAS,CAAA;IAC1F,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;;QAAE,EAAE,4CAA4C,WAAW;QACnF;;MAER,KACC,kBAAC,UAAD;OACE,MAAK;OACL,UAAU;OACV,eAAe,EAAQ,EAAQ,GAAG;OAClC,WAAU;iBAJZ;QAME,kBAAC,GAAD,EAAiB,WAAU,WAAY,CAAA;;QAAE,EAAE,oCAAoC,QAAQ;QAChF;;MAEX,kBAAC,UAAD;OACE,MAAK;OACL,UAAU;OACV,eAAe,EAAU,EAAQ,IAAI,CAAC,EAAS;OAC/C,WAAU;iBAJZ,CAMc,EAAX,IAAY,IAAoC,GAArC,EAAW,WAAU,WAAY,CAAgC,EAC5E,IACG,EAAE,qCAAqC,SAAS,GAChD,EAAE,sCAAsC,UAAU,CAC/C;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,UAAU;OACV,eAAe,EAAS,EAAQ,GAAG;OACnC,WAAU;iBAJZ;QAME,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;;QAAE,EAAE,qCAAqC,SAAS;QACzE;;MACL;;IACF;;EACF,CAAA;GAaJ,KAA+B,EAAE,gBAAa,SAAM,cAAW,aAAU,kBAAe;CAC5F,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,IAAS,YAAY;EACzB,IAAM,IAAI,EAAK,MAAM;AAChB,OAEM,MAAM,EAAS,EAAE,KACjB,MAAO,EAAQ,GAAG;;AAE/B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,YAAD;GACa;GACX,OAAO;GACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;GACxC,YAAY,MAAM;AAKhB,IADA,EAAE,iBAAiB,GACd,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,YACxC,EAAE,gBAAgB,EACb,GAAQ;;GAGjB,MAAM;GACO;GACb,WAAU;GACV,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,UAAU,KAAQ,CAAC,EAAK,MAAM;IAC9B,eAAe,KAAK,GAAQ;IAC5B,OAAO,EAAE,wCAAwC,wBAAwB;IACzE,WAAU;cAET,IAAO,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAAG,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;IAC5E,CAAA,EACR,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,OAAO,EAAE,+CAA+C,eAAe;cAEvE,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;IAClB,CAAA,CAEP;KACF;;GAIG,KAA2C,EAAE,aAAU,iBAAc;CAChF,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,UAAO,YAAS,UAAO,aAAU,eAAY,mBAAgB,qBAC5E,EAAkB,EAAS,EACvB,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,IAAgB,EAAuB,KAAK;AAElD,SAAgB;AACd,MAAI,CAAC,EAAgB;EAErB,IAAM,IAAa,EAAc;AAEjC,EADA,GAAY,SAAS;GAAE,KAAK,EAAW;GAAc,UAAU;GAAU,CAAC,EAC1E,EAAkB,GAAM;IACvB,CAAC,GAAgB,EAAQ,CAAC;CAE7B,IAAM,IAAY,EAChB,OAAO,GAAc,MAAwC;EAC3D,IAAM,IAAK,MAAM,EAAW,GAAM,EAAS;AAK3C,SAJI,MACE,IAAU,EAAW,KAAK,GACzB,EAAkB,GAAK,GAEvB;IAET,CAAC,EAAW,CACb;AAED,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAY,EAAE,8CAA8C,kBAAkB;EAC9E,UAAU;EACV,UAAU,MAAM,EAAE,iBAAiB;EACnC,YAAY,MAAM;AAChB,GAAI,EAAE,QAAQ,aACZ,EAAE,iBAAiB,EACnB,GAAS;;YATf;GAkBE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD;OAAe,eAAY;OAAO,WAAU;OAAqD,CAAA;MAChG,EAAE,oCAAoC,WAAW;MAClD,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA;MACJ;QACL,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,cAAY,EAAE,6CAA6C,iBAAiB;KAC5E,WAAU;eAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA,CACL;;GAGN,kBAAC,OAAD;IAAK,KAAK;IAAe,WAAU;cAAnC;KACG,KAAW,EAAQ,WAAW,KAC7B,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;MACxC,CAAA;KAEP,KAAS,CAAC,KACT,kBAAC,KAAD;MACE,MAAK;MACL,WAAU;gBAET,EAAE,wCAAwC,0BAA0B;MACnE,CAAA;KAEL,CAAC,KAAW,CAAC,KAAS,EAAQ,WAAW,KACxC,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,oCAAoC,2CAA2C;MAChF,CAAA;KAEL,EAAQ,KAAK,EAAE,YAAS,iBACvB,kBAAC,OAAD;MAAsB,WAAU;gBAAhC;OACE,kBAAC,GAAD;QACW;QACT,MAAM;QACN,YAAY,GAAI,MAAM,KAAK,EAAe,GAAI,EAAE;QAChD,WAAW,MAAO,KAAK,EAAc,EAAG;QACxC,UAAU,MAAO,GAAY,MAAS,MAAQ,IAAK,OAAO,EAAI;QAC9D,CAAA;OACD,EAAQ,KAAK,MACZ,kBAAC,GAAD;QAEE,SAAS;QACT,SAAA;QACA,MAAM;QACN,YAAY,GAAI,MAAM,KAAK,EAAe,GAAI,EAAE;QAChD,WAAW,MAAO,KAAK,EAAc,EAAG;QACxC,EANK,EAAM,GAMX,CACF;OACD,MAAY,EAAQ,MACnB,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,aAAa,EAAE,+CAA+C,iBAAiB;SAC/E,MAAM;SACN,WAAA;SACA,WAAW,MAAS,EAAU,GAAM,EAAQ,GAAG;SAC/C,gBAAgB,EAAW,KAAK;SAChC,CAAA;QACE,CAAA;OAEJ;QA7BI,EAAQ,GA6BZ,CACN;KACE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,aAAa,EAAE,6CAA6C,iBAAiB;KAC7E,MAAM;KACN,WAAW,MAAS,EAAU,EAAK;KACnC,CAAA;IACE,CAAA;GACF"}

package/dist/bigconsole/components/widgets/custom/CustomWidget.d.ts

@@ -10,3 +10,4 @@ export interface CustomWidgetProps {
 }
 export declare const CustomWidget: FC<CustomWidgetProps>;
 export default CustomWidget;
+//# sourceMappingURL=CustomWidget.d.ts.map

package/dist/bigconsole/components/widgets/custom/CustomWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAE,MAAM,EAAsB,MAAM,gBAAgB,CAAC;AAQjE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+GD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8J7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/widgets/custom/CustomWidget.js

@@ -1,87 +1,145 @@
-import { useOptionalBigConsole as e } from "../../../context/BigConsoleContext.js";
-import "../../../context/index.js";
-import { currentAppOrigin as t, resolveFrameSrc as n } from "../../../utils/safeUrl.js";
-import { asNonEmptyString as r, asRecord as i } from "./utils.js";
-import { getCustomConfigContent as a } from "./config.js";
-import { sanitizeWidgetHtml as o } from "../../../utils/sanitizeHtml.js";
-import { FRAME_REFERRER_POLICY as s, FRAME_SANDBOX as c, frameKey as l } from "../iframe-widget/framePolicy.js";
-import { memo as u, useMemo as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { asNonEmptyString as e, asRecord as t } from "./utils.js";
+import { getCustomConfigContent as n } from "./config.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/custom/CustomWidget.tsx
-var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
-	let _ = u.config, v = !!(g && u.drilldowns?.length), y = d(() => i(m), [m]), b = d(() => i(_), [_]), x = d(() => i(b?.props), [b]), S = d(() => a(_), [_]), C = S.componentId, w = e()?.iframeAllowedOrigins, T = d(() => {
-		let e = r(y?.html) ?? r(y?.contentHtml) ?? S.html;
-		if (!e) return null;
-		let t = o(e);
-		return t.trim().length > 0 ? t : null;
-	}, [y, S]), E = d(() => {
-		let e = r(y?.iframeUrl) ?? r(y?.url) ?? S.iframeUrl;
-		if (!e) return null;
-		let i = n(e, {
-			appOrigin: t(),
-			allowedOrigins: w
+var s = "allow-scripts", c = new Set([
+	"allow-forms",
+	"allow-modals",
+	"allow-orientation-lock",
+	"allow-pointer-lock",
+	"allow-popups",
+	"allow-popups-to-escape-sandbox",
+	"allow-presentation",
+	"allow-same-origin",
+	"allow-scripts",
+	"allow-storage-access-by-user-activation"
+]);
+function l(e) {
+	let t = e.trim();
+	if (!t) return !1;
+	if (t.startsWith("#")) return !0;
+	if (t.startsWith("/")) return !t.startsWith("//");
+	try {
+		let e = new URL(t, window.location.origin);
+		return e.protocol === "http:" || e.protocol === "https:";
+	} catch {
+		return !1;
+	}
+}
+function u(e) {
+	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
+}
+function d(e) {
+	if (typeof window > "u") return u(e);
+	let t = new DOMParser().parseFromString(e, "text/html");
+	return t.body.querySelectorAll("script, style, iframe, object, embed, link, meta, base, form").forEach((e) => {
+		e.remove();
+	}), t.body.querySelectorAll("*").forEach((e) => {
+		Array.from(e.attributes).forEach((t) => {
+			let n = t.name.toLowerCase(), r = t.value.trim();
+			if (n.startsWith("on")) {
+				e.removeAttribute(t.name);
+				return;
+			}
+			if (n === "style") {
+				e.removeAttribute(t.name);
+				return;
+			}
+			[
+				"src",
+				"href",
+				"xlink:href"
+			].includes(n) && !l(r) && e.removeAttribute(t.name);
 		});
-		if (!i.ok) return null;
-		let a = r(y?.title) ?? r(x?.iframeTitle) ?? r(x?.title) ?? u.title ?? "Custom widget content";
-		return {
-			url: i.src,
-			title: a
-		};
+	}), t.body.innerHTML;
+}
+function f(e) {
+	let t = e.trim();
+	if (!t || t.startsWith("//")) return null;
+	if (t.startsWith("/")) return t;
+	try {
+		let e = new URL(t);
+		if (e.protocol === "http:" || e.protocol === "https:") return e.href;
+	} catch {
+		return null;
+	}
+	return null;
+}
+function p(e) {
+	if (!e) return s;
+	let t = new Set(e.split(/\s+/).filter(Boolean)), n = Array.from(t).filter((e) => c.has(e)), r = n.includes("allow-scripts"), i = n.includes("allow-same-origin"), a = r && i ? n.filter((e) => e !== "allow-same-origin") : n;
+	return a.length > 0 ? a.join(" ") : s;
+}
+var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
+	let u = r.config, m = !!(l && r.drilldowns?.length), h = i(() => t(s), [s]), g = i(() => t(u), [u]), _ = i(() => t(g?.props), [g]), v = i(() => n(u), [u]), y = v.componentId, b = i(() => {
+		let t = e(h?.html) ?? e(h?.contentHtml) ?? v.html;
+		if (!t) return null;
+		let n = d(t);
+		return n.trim().length > 0 ? n : null;
+	}, [h, v]), x = i(() => {
+		let t = e(h?.iframeUrl) ?? e(h?.url) ?? v.iframeUrl;
+		if (!t) return null;
+		let n = f(t);
+		return n ? {
+			url: n,
+			title: e(h?.title) ?? e(_?.iframeTitle) ?? e(_?.title) ?? r.title ?? "Custom widget content",
+			sandbox: p(e(g?.sandbox) ?? e(_?.sandbox))
+		} : null;
 	}, [
-		y,
-		S,
-		x,
-		u.title,
-		w
+		h,
+		v,
+		_,
+		g,
+		r.title
 	]);
-	if (h) return /* @__PURE__ */ f("div", {
+	if (c) return /* @__PURE__ */ a("div", {
 		className: `
           h-full
-          ${v ? "cursor-pointer" : ""}
+          ${m ? "cursor-pointer" : ""}
         `,
-		onClick: g,
-		children: h(u, m)
+		onClick: l,
+		children: c(r, s)
 	});
-	if (T) return /* @__PURE__ */ f("div", {
+	if (b) return /* @__PURE__ */ a("div", {
 		className: "h-full overflow-auto p-4",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ a("div", {
 			className: "prose prose-sm max-w-none text-text-primary",
-			dangerouslySetInnerHTML: { __html: T }
+			dangerouslySetInnerHTML: { __html: b }
 		})
 	});
-	if (E) return /* @__PURE__ */ f("div", {
+	if (x) return /* @__PURE__ */ a("div", {
 		className: "h-full w-full",
-		children: /* @__PURE__ */ f("iframe", {
-			sandbox: c,
-			referrerPolicy: s,
-			loading: "lazy",
-			title: E.title,
+		children: /* @__PURE__ */ a("iframe", {
+			src: x.url,
+			title: x.title,
 			className: "h-full w-full rounded border-0",
-			src: E.url
-		}, l(E.url, c))
+			sandbox: x.sandbox,
+			loading: "lazy"
+		})
 	});
-	if (y && "value" in y) {
-		let e = y.value, t = y.label || u.title, n = y.data;
-		return /* @__PURE__ */ p("div", {
-			className: `flex flex-col items-center justify-center h-full p-4 ${v ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}`,
-			onClick: g,
+	if (h && "value" in h) {
+		let e = h.value, t = h.label || r.title, n = h.data;
+		return /* @__PURE__ */ o("div", {
+			className: `flex flex-col items-center justify-center h-full p-4 ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}`,
+			onClick: l,
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ a("div", {
 					className: "text-4xl font-bold text-text-primary tabular-nums",
 					children: typeof e == "number" ? e.toLocaleString() : String(e)
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ a("div", {
 					className: "text-sm text-text-secondary mt-1",
 					children: t
 				}),
-				n && /* @__PURE__ */ f("div", {
+				n && /* @__PURE__ */ a("div", {
 					className: "mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary",
-					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ p("div", {
+					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ o("div", {
 						className: "flex justify-between px-2 py-1 bg-bg-sunken rounded",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ a("span", {
 							className: "capitalize",
 							children: e.replace(/([A-Z])/g, " $1").trim()
-						}), /* @__PURE__ */ f("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "font-medium",
 							children: typeof t == "number" ? t.toLocaleString() : String(t)
 						})]
@@ -90,21 +148,21 @@ var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ o("div", {
 		className: `
         flex flex-col items-center justify-center h-full p-4
-        ${v ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
+        ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
       `,
-		onClick: g,
+		onClick: l,
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ a("div", {
 				className: "w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken",
-				children: /* @__PURE__ */ f("svg", {
+				children: /* @__PURE__ */ a("svg", {
 					className: "w-8 h-8 text-text-secondary",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ f("path", {
+					children: /* @__PURE__ */ a("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -112,26 +170,26 @@ var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
 					})
 				})
 			}),
-			/* @__PURE__ */ f("h4", {
+			/* @__PURE__ */ a("h4", {
 				className: "text-sm font-medium text-text-primary mb-1",
 				children: "Custom Widget"
 			}),
-			/* @__PURE__ */ f("p", {
+			/* @__PURE__ */ a("p", {
 				className: "text-xs text-text-secondary text-center max-w-[200px]",
-				children: _?.description || "Provide HTML, an iframe URL, or a registered custom component."
+				children: u?.description || "Provide HTML, an iframe URL, or a registered custom component."
 			}),
-			C ? /* @__PURE__ */ p("p", {
+			y ? /* @__PURE__ */ o("p", {
 				className: "text-xs text-text-secondary mt-2",
-				children: ["Component: ", /* @__PURE__ */ f("code", {
+				children: ["Component: ", /* @__PURE__ */ a("code", {
 					className: "font-mono",
-					children: C
+					children: y
 				})]
 			}) : null,
-			m ? /* @__PURE__ */ f("div", {
+			s ? /* @__PURE__ */ a("div", {
 				className: "mt-4 w-full max-h-[100px] overflow-auto",
-				children: /* @__PURE__ */ f("pre", {
+				children: /* @__PURE__ */ a("pre", {
 					className: "text-xs text-text-secondary bg-bg-sunken p-2 rounded",
-					children: JSON.stringify(m, null, 2)
+					children: JSON.stringify(s, null, 2)
 				})
 			}) : null
 		]
@@ -139,3 +197,5 @@ var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
 });
 //#endregion
 export { m as default };
+
+//# sourceMappingURL=CustomWidget.js.map

package/dist/bigconsole/components/widgets/custom/CustomWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"sourcesContent":["/**\n * CustomWidget Component\n *\n * Supports callback-based rendering plus built-in HTML/iframe custom content.\n */\n\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport type { Widget, CustomWidgetConfig } from '../../../types';\nimport { getCustomConfigContent } from './config';\nimport { asRecord, asNonEmptyString } from './utils';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CustomWidgetProps {\n  widget: Widget;\n  data?: unknown;\n  /** Custom renderer function */\n  render?: (widget: Widget, data: unknown) => ReactNode;\n  onClick?: () => void;\n}\n\nconst DEFAULT_IFRAME_SANDBOX = 'allow-scripts';\nconst ALLOWED_SANDBOX_TOKENS = new Set([\n  'allow-forms',\n  'allow-modals',\n  'allow-orientation-lock',\n  'allow-pointer-lock',\n  'allow-popups',\n  'allow-popups-to-escape-sandbox',\n  'allow-presentation',\n  'allow-same-origin',\n  'allow-scripts',\n  'allow-storage-access-by-user-activation',\n]);\n\nfunction isSafeDomUrl(rawUrl: string): boolean {\n  const candidate = rawUrl.trim();\n  if (!candidate) return false;\n  if (candidate.startsWith('#')) return true;\n  if (candidate.startsWith('/')) return !candidate.startsWith('//');\n\n  try {\n    const parsed = new URL(candidate, window.location.origin);\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;');\n}\n\nfunction sanitizeHtml(input: string): string {\n  if (typeof window === 'undefined') {\n    return escapeHtml(input);\n  }\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(input, 'text/html');\n\n  doc.body.querySelectorAll('script, style, iframe, object, embed, link, meta, base, form').forEach((el) => {\n    el.remove();\n  });\n\n  doc.body.querySelectorAll('*').forEach((el) => {\n    Array.from(el.attributes).forEach((attr) => {\n      const attrName = attr.name.toLowerCase();\n      const attrValue = attr.value.trim();\n\n      if (attrName.startsWith('on')) {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (attrName === 'style') {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (['src', 'href', 'xlink:href'].includes(attrName) && !isSafeDomUrl(attrValue)) {\n        el.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return doc.body.innerHTML;\n}\n\nfunction sanitizeIframeUrl(rawUrl: string): string | null {\n  const candidate = rawUrl.trim();\n  if (!candidate) return null;\n  if (candidate.startsWith('//')) return null;\n  if (candidate.startsWith('/')) return candidate;\n\n  try {\n    const parsed = new URL(candidate);\n    if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {\n      return parsed.href;\n    }\n  } catch {\n    return null;\n  }\n\n  return null;\n}\n\nfunction sanitizeSandbox(rawSandbox: string | null): string {\n  if (!rawSandbox) return DEFAULT_IFRAME_SANDBOX;\n\n  const uniqueTokens = new Set(rawSandbox.split(/\\s+/).filter(Boolean));\n  const safeTokens = Array.from(uniqueTokens).filter((token) => ALLOWED_SANDBOX_TOKENS.has(token));\n\n  const hasScripts = safeTokens.includes('allow-scripts');\n  const hasSameOrigin = safeTokens.includes('allow-same-origin');\n  const withoutRiskyCombo =\n    hasScripts && hasSameOrigin ? safeTokens.filter((t) => t !== 'allow-same-origin') : safeTokens;\n\n  return withoutRiskyCombo.length > 0 ? withoutRiskyCombo.join(' ') : DEFAULT_IFRAME_SANDBOX;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CustomWidget: FC<CustomWidgetProps> = memo(function CustomWidget({ widget, data, render, onClick }) {\n  const config = widget.config as unknown as CustomWidgetConfig | undefined;\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n  const typedData = useMemo(() => asRecord(data), [data]);\n  const configRecord = useMemo(() => asRecord(config), [config]);\n  const configProps = useMemo(() => asRecord(configRecord?.props), [configRecord]);\n  const configContent = useMemo(() => getCustomConfigContent(config), [config]);\n  const componentId = configContent.componentId;\n\n  const htmlContent = useMemo(() => {\n    const rawHtml = asNonEmptyString(typedData?.html) ?? asNonEmptyString(typedData?.contentHtml) ?? configContent.html;\n\n    if (!rawHtml) return null;\n\n    const sanitized = sanitizeHtml(rawHtml);\n    return sanitized.trim().length > 0 ? sanitized : null;\n  }, [typedData, configContent]);\n\n  const iframeContent = useMemo(() => {\n    const rawUrl =\n      asNonEmptyString(typedData?.iframeUrl) ?? asNonEmptyString(typedData?.url) ?? configContent.iframeUrl;\n\n    if (!rawUrl) return null;\n\n    const safeUrl = sanitizeIframeUrl(rawUrl);\n    if (!safeUrl) return null;\n\n    const title =\n      asNonEmptyString(typedData?.title) ??\n      asNonEmptyString(configProps?.iframeTitle) ??\n      asNonEmptyString(configProps?.title) ??\n      widget.title ??\n      'Custom widget content';\n\n    const sandboxSource = asNonEmptyString(configRecord?.sandbox) ?? asNonEmptyString(configProps?.sandbox);\n    const sandbox = sanitizeSandbox(sandboxSource);\n\n    return {\n      url: safeUrl,\n      title,\n      sandbox,\n    };\n  }, [typedData, configContent, configProps, configRecord, widget.title]);\n\n  // If custom render function is provided, use it\n  if (render) {\n    return (\n      <div\n        className={`\n          h-full\n          ${isClickable ? 'cursor-pointer' : ''}\n        `}\n        onClick={onClick}\n      >\n        {render(widget, data)}\n      </div>\n    );\n  }\n\n  if (htmlContent) {\n    return (\n      <div className=\"h-full overflow-auto p-4\">\n        <div\n          className=\"prose prose-sm max-w-none text-text-primary\"\n          dangerouslySetInnerHTML={{ __html: htmlContent }}\n        />\n      </div>\n    );\n  }\n\n  if (iframeContent) {\n    return (\n      <div className=\"h-full w-full\">\n        <iframe\n          src={iframeContent.url}\n          title={iframeContent.title}\n          className=\"h-full w-full rounded border-0\"\n          sandbox={iframeContent.sandbox}\n          loading=\"lazy\"\n        />\n      </div>\n    );\n  }\n\n  // If data has value/label shape (from WidgetWrapper normalization), render as KPI-style\n  if (typedData && 'value' in typedData) {\n    const value = typedData.value;\n    const label = (typedData.label as string) || widget.title;\n    const nestedData = typedData.data as Record<string, unknown> | undefined;\n    return (\n      <div\n        className={`flex flex-col items-center justify-center h-full p-4 ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}`}\n        onClick={onClick}\n      >\n        <div className=\"text-4xl font-bold text-text-primary tabular-nums\">\n          {typeof value === 'number' ? value.toLocaleString() : String(value)}\n        </div>\n        <div className=\"text-sm text-text-secondary mt-1\">{label}</div>\n        {nestedData && (\n          <div className=\"mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n            {Object.entries(nestedData)\n              .filter(([k]) => k !== 'value' && k !== 'label' && typeof nestedData[k] !== 'object')\n              .slice(0, 4)\n              .map(([key, val]) => (\n                <div key={key} className=\"flex justify-between px-2 py-1 bg-bg-sunken rounded\">\n                  <span className=\"capitalize\">{key.replace(/([A-Z])/g, ' $1').trim()}</span>\n                  <span className=\"font-medium\">{typeof val === 'number' ? val.toLocaleString() : String(val)}</span>\n                </div>\n              ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Default placeholder\n  return (\n    <div\n      className={`\n        flex flex-col items-center justify-center h-full p-4\n        ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}\n      `}\n      onClick={onClick}\n    >\n      {/* Placeholder icon */}\n      <div className=\"w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken\">\n        <svg className=\"w-8 h-8 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"\n          />\n        </svg>\n      </div>\n\n      <h4 className=\"text-sm font-medium text-text-primary mb-1\">Custom Widget</h4>\n\n      <p className=\"text-xs text-text-secondary text-center max-w-[200px]\">\n        {config?.description || 'Provide HTML, an iframe URL, or a registered custom component.'}\n      </p>\n\n      {componentId ? (\n        <p className=\"text-xs text-text-secondary mt-2\">\n          Component: <code className=\"font-mono\">{componentId}</code>\n        </p>\n      ) : null}\n\n      {/* Data preview */}\n      {data ? (\n        <div className=\"mt-4 w-full max-h-[100px] overflow-auto\">\n          <pre className=\"text-xs text-text-secondary bg-bg-sunken p-2 rounded\">\n            {JSON.stringify(data as Record<string, unknown>, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport default CustomWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/custom/config.d.ts

@@ -6,3 +6,4 @@ export interface CustomConfigContent {
 export declare function getCustomConfigContent(config: unknown): CustomConfigContent;
 export declare function hasRenderableCustomConfig(config: unknown): boolean;
 export declare function hasCustomIframeConfig(config: unknown): boolean;
+//# sourceMappingURL=config.d.ts.map

package/dist/bigconsole/components/widgets/custom/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/config.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAiB3E;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAOlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAE9D"}

package/dist/bigconsole/components/widgets/custom/config.js

@@ -17,3 +17,5 @@ function i(e) {
 }
 //#endregion
 export { n as getCustomConfigContent, i as hasCustomIframeConfig, r as hasRenderableCustomConfig };
+
+//# sourceMappingURL=config.js.map

package/dist/bigconsole/components/widgets/custom/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/config.ts"],"sourcesContent":["import { asRecord, asNonEmptyString } from './utils';\n\nexport interface CustomConfigContent {\n  componentId: string | null;\n  html: string | null;\n  iframeUrl: string | null;\n}\n\nexport function getCustomConfigContent(config: unknown): CustomConfigContent {\n  const parsedConfig = asRecord(config);\n  const props = asRecord(parsedConfig?.props);\n\n  return {\n    componentId: asNonEmptyString(parsedConfig?.componentId) ?? asNonEmptyString(props?.componentId),\n    html:\n      asNonEmptyString(parsedConfig?.html) ??\n      asNonEmptyString(parsedConfig?.contentHtml) ??\n      asNonEmptyString(props?.html) ??\n      asNonEmptyString(props?.contentHtml),\n    iframeUrl:\n      asNonEmptyString(parsedConfig?.iframeUrl) ??\n      asNonEmptyString(parsedConfig?.url) ??\n      asNonEmptyString(props?.iframeUrl) ??\n      asNonEmptyString(props?.url),\n  };\n}\n\nexport function hasRenderableCustomConfig(config: unknown): boolean {\n  const content = getCustomConfigContent(config);\n  if (content.componentId) return true;\n  if (content.html) return true;\n  if (content.iframeUrl) return true;\n\n  return false;\n}\n\nexport function hasCustomIframeConfig(config: unknown): boolean {\n  return Boolean(getCustomConfigContent(config).iframeUrl);\n}\n"],"mappings":";;AAQA,SAAgB,EAAuB,GAAsC;CAC3E,IAAM,IAAe,EAAS,EAAO,EAC/B,IAAQ,EAAS,GAAc,MAAM;AAE3C,QAAO;EACL,aAAa,EAAiB,GAAc,YAAY,IAAI,EAAiB,GAAO,YAAY;EAChG,MACE,EAAiB,GAAc,KAAK,IACpC,EAAiB,GAAc,YAAY,IAC3C,EAAiB,GAAO,KAAK,IAC7B,EAAiB,GAAO,YAAY;EACtC,WACE,EAAiB,GAAc,UAAU,IACzC,EAAiB,GAAc,IAAI,IACnC,EAAiB,GAAO,UAAU,IAClC,EAAiB,GAAO,IAAI;EAC/B;;AAGH,SAAgB,EAA0B,GAA0B;CAClE,IAAM,IAAU,EAAuB,EAAO;AAK9C,QAFA,GAFI,EAAQ,eACR,EAAQ,QACR,EAAQ;;AAKd,SAAgB,EAAsB,GAA0B;AAC9D,QAAO,EAAQ,EAAuB,EAAO,CAAC"}

package/dist/bigconsole/components/widgets/custom/index.d.ts

@@ -5,3 +5,4 @@
  */
 export { getCustomConfigContent, hasRenderableCustomConfig, hasCustomIframeConfig, type CustomConfigContent, } from './config';
 export { CustomWidget, type CustomWidgetProps } from './CustomWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/custom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,KAAK,mBAAmB,GACzB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/custom/utils.d.ts

@@ -1,3 +1,4 @@
 export type JsonRecord = Record<string, unknown>;
 export declare function asRecord(value: unknown): JsonRecord | null;
 export declare function asNonEmptyString(value: unknown): string | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/bigconsole/components/widgets/custom/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,IAAI,CAG1D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAI9D"}

package/dist/bigconsole/components/widgets/custom/utils.js

@@ -9,3 +9,5 @@ function t(e) {
 }
 //#endregion
 export { t as asNonEmptyString, e as asRecord };
+
+//# sourceMappingURL=utils.js.map

package/dist/bigconsole/components/widgets/custom/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/utils.ts"],"sourcesContent":["export type JsonRecord = Record<string, unknown>;\n\nexport function asRecord(value: unknown): JsonRecord | null {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;\n  return value as JsonRecord;\n}\n\nexport function asNonEmptyString(value: unknown): string | null {\n  if (typeof value !== 'string') return null;\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n"],"mappings":";AAEA,SAAgB,EAAS,GAAmC;AAE1D,QADI,CAAC,KAAS,OAAO,KAAU,YAAY,MAAM,QAAQ,EAAM,GAAS,OACjE;;AAGT,SAAgB,EAAiB,GAA+B;AAC9D,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAC5B,QAAO,EAAQ,SAAS,IAAI,IAAU"}

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.d.ts

@@ -13,3 +13,4 @@ export interface EventLogViewerProps {
 }
 export declare const EventLogViewer: React.FC<EventLogViewerProps>;
 export default EventLogViewer;
+//# sourceMappingURL=EventLogViewer.d.ts.map

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventLogViewer.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,6BAA6B,CAAC;AAMrC,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAmUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkIvD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js

@@ -426,3 +426,5 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 });
 //#endregion
 export { h as default };
+
+//# sourceMappingURL=EventLogViewer.js.map

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventLogViewer.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"sourcesContent":["/**\n * EventLogViewer Component (v2.0)\n *\n * Component for viewing event history and managing failed deliveries.\n * Shows event status, allows filtering, and supports retry functionality.\n */\n\nimport React, { memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useEventLogs,\n  getEventStatusColor,\n  getEventStatusLabel,\n  getEventStatusIcon,\n  type EventStatus,\n  type EventLog,\n} from '../../../hooks/useEventLogs';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface EventLogViewerProps {\n  /** Dashboard ID to filter logs */\n  dashboardId?: string;\n  /** Widget ID to filter logs */\n  widgetId?: string;\n  /** Maximum height of the viewer */\n  maxHeight?: string;\n  /** Callback when retry is successful */\n  onRetrySuccess?: (eventLog: EventLog) => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\n/**\n * Section emphasis (BOFF-5636). Like the webhook panel, this used to draw its\n * own card and its own 16px `<h3>Event History</h3>` under the inspector's 14px\n * \"Events\" heading. The owning `<Section>` now provides surface, heading and\n * description; this component provides the toolbar and the table.\n */\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--space-controlGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: 'var(--space-controlGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  headerActions: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '8px',\n    alignItems: 'center',\n  } as React.CSSProperties,\n  filterSelect: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-input)',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  refreshButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  table: {\n    // The 6-column table is wider than a 390px sheet; `minWidth` plus the\n    // container's `overflowX: auto` scrolls the TABLE instead of the page.\n    width: '100%',\n    minWidth: '520px',\n    borderCollapse: 'collapse',\n    fontSize: 'var(--font-size-body-sm)',\n  } as React.CSSProperties,\n  tableHeader: {\n    backgroundColor: 'var(--color-bg-sunken)',\n    borderBottom: '1px solid var(--color-border-subtle)',\n  } as React.CSSProperties,\n  th: {\n    padding: '10px 12px',\n    textAlign: 'left',\n    fontWeight: 600,\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  td: {\n    padding: '10px 12px',\n    borderBottom: '1px solid var(--color-border-subtle)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  statusCell: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n  } as React.CSSProperties,\n  statusBadge: {\n    padding: '2px 8px',\n    borderRadius: '12px',\n    fontSize: '11px',\n    fontWeight: 500,\n  } as React.CSSProperties,\n  eventName: {\n    fontFamily: 'monospace',\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  timeAgo: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  retryButton: {\n    padding: '4px 8px',\n    fontSize: '11px',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    border: 'none',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    transition: 'opacity 0.15s ease',\n  } as React.CSSProperties,\n  emptyState: {\n    textAlign: 'center',\n    padding: 'var(--space-pagePadding) var(--space-formGap)',\n    color: 'var(--color-text-secondary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n  } as React.CSSProperties,\n  emptyTitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  loadMoreButton: {\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 10px',\n    marginTop: '12px',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  totalCount: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  tableContainer: {\n    overflowX: 'auto',\n    minWidth: 0,\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  detailRow: {\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  detailContent: {\n    padding: '12px',\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-all',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  expandButton: {\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    minHeight: 'var(--size-controlHeight-md)',\n    minWidth: 'var(--size-controlHeight-md)',\n    padding: '4px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n};\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/** Translator function shape from useI18n().t. */\ntype EventLogTFunc = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\n/**\n * A stored webhook URL is whatever the user typed — a relative path or a typo\n * reaches this table unvalidated, and `new URL()` throws a TypeError on it,\n * which took the whole log viewer down with it. Fall back to showing the raw\n * value; the point of the column is to identify the destination, and the raw\n * string does that fine when it cannot be parsed.\n */\nfunction webhookHost(url: string): string {\n  try {\n    return new URL(url).hostname;\n  } catch {\n    return url;\n  }\n}\n\nfunction formatTimeAgo(dateString: string, t: EventLogTFunc): string {\n  const date = new Date(dateString);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffMins = Math.floor(diffMs / 60000);\n  const diffHours = Math.floor(diffMins / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffMins < 1) return t('bigconsole.widget.eventLog.time.justNow', 'Just now');\n  if (diffMins < 60) return t('bigconsole.widget.eventLog.time.minutesAgo', '{{count}}m ago', { count: diffMins });\n  if (diffHours < 24) return t('bigconsole.widget.eventLog.time.hoursAgo', '{{count}}h ago', { count: diffHours });\n  if (diffDays < 7) return t('bigconsole.widget.eventLog.time.daysAgo', '{{count}}d ago', { count: diffDays });\n  return date.toLocaleDateString();\n}\n\n// ============================================================================\n// Event Log Row Component\n// ============================================================================\n\ninterface EventLogRowProps {\n  log: EventLog;\n  onRetry: () => void;\n  retrying?: boolean;\n  expanded?: boolean;\n  onToggleExpand: () => void;\n}\n\nconst EventLogRow: React.FC<EventLogRowProps> = memo(function EventLogRow({\n  log,\n  onRetry,\n  retrying,\n  expanded,\n  onToggleExpand,\n}) {\n  const { t } = useI18n();\n  const canRetry = log.status === 'FAILED';\n\n  return (\n    <>\n      <tr>\n        <td style={styles.td}>\n          <button\n            type=\"button\"\n            onClick={onToggleExpand}\n            aria-expanded={expanded}\n            aria-label={expanded ? 'Hide event payload' : 'Show event payload'}\n            style={styles.expandButton}\n          >\n            <span aria-hidden=\"true\">{expanded ? '▾' : '▸'}</span>\n          </button>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.statusCell}>\n            <span>{getEventStatusIcon(log.status)}</span>\n            <span\n              style={{\n                ...styles.statusBadge,\n                backgroundColor: `${getEventStatusColor(log.status)}20`,\n                color: getEventStatusColor(log.status),\n              }}\n            >\n              {getEventStatusLabel(log.status)}\n            </span>\n          </div>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.eventName}>{log.eventName}</div>\n          {log.actionName && (\n            <div style={{ fontSize: '11px', color: 'var(--color-text-muted)' }}>\n              {t('bigconsole.widget.eventLog.actionLabel', 'Action: {{action}}', { action: log.actionName ?? '' })}\n            </div>\n          )}\n        </td>\n        <td style={styles.td}>\n          <div style={styles.timeAgo}>{formatTimeAgo(log.createdAt, t)}</div>\n        </td>\n        <td style={styles.td}>\n          {log.webhookUrl ? (\n            <span style={{ fontSize: '12px', color: 'var(--color-text-muted)' }}>{webhookHost(log.webhookUrl)}</span>\n          ) : (\n            <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>—</span>\n          )}\n        </td>\n        <td style={styles.td}>\n          {canRetry && (\n            <button type=\"button\" onClick={onRetry} disabled={retrying} style={styles.retryButton}>\n              {retrying\n                ? t('bigconsole.widget.eventLog.retrying', 'Retrying…')\n                : t('bigconsole.widget.eventLog.retry', 'Retry')}\n            </button>\n          )}\n        </td>\n      </tr>\n      {expanded && (\n        <tr style={styles.detailRow}>\n          <td colSpan={6} style={styles.td}>\n            <div style={styles.detailContent as React.CSSProperties}>\n              <strong>{t('bigconsole.widget.eventLog.payload', 'Payload:')}</strong>\n              {'\\n'}\n              {JSON.stringify(log.payload, null, 2)}\n              {log.errorMessage && (\n                <>\n                  {'\\n\\n'}\n                  <strong style={{ color: 'var(--color-status-error-text)' }}>\n                    {t('bigconsole.widget.eventLog.error', 'Error:')}\n                  </strong>\n                  {'\\n'}\n                  {log.errorMessage}\n                </>\n              )}\n              {log.responseCode && (\n                <>\n                  {'\\n\\n'}\n                  <strong>{t('bigconsole.widget.eventLog.responseCode', 'Response Code:')}</strong> {log.responseCode}\n                </>\n              )}\n              {'\\n\\n'}\n              <strong>{t('bigconsole.widget.eventLog.attempts', 'Attempts:')}</strong> {log.attempts}\n            </div>\n          </td>\n        </tr>\n      )}\n    </>\n  );\n});\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const EventLogViewer: React.FC<EventLogViewerProps> = memo(function EventLogViewer({\n  dashboardId,\n  widgetId,\n  maxHeight = '400px',\n  onRetrySuccess,\n}) {\n  const { t } = useI18n();\n  const [statusFilter, setStatusFilter] = useState<EventStatus | ''>('');\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());\n  const [retryingId, setRetryingId] = useState<string | null>(null);\n\n  const { logs, loading, totalCount, hasMore, loadMore, retryDelivery, refetch } = useEventLogs({\n    dashboardId,\n    widgetId,\n    status: statusFilter || undefined,\n  });\n\n  const handleRetry = useCallback(\n    async (log: EventLog) => {\n      setRetryingId(log.id);\n      const result = await retryDelivery(log.id);\n      setRetryingId(null);\n      if (result) {\n        onRetrySuccess?.(result);\n      }\n    },\n    [retryDelivery, onRetrySuccess]\n  );\n\n  const handleToggleExpand = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  return (\n    <div style={styles.container} data-testid=\"event-log-viewer\">\n      <div style={styles.header}>\n        <div>\n          {/*\n            No heading here on purpose: the owning `<Section>` already names this\n            block, and a second `<h3>Event History</h3>` under it read as two\n            titles for one panel (BOFF-5636). The count stays — it is the part\n            that actually tells you something.\n          */}\n          <span style={styles.totalCount}>\n            {t('bigconsole.widget.eventLog.eventCount', '{{count}} events', { count: totalCount })}\n          </span>\n        </div>\n        <div style={styles.headerActions}>\n          <label htmlFor=\"event-log-status-filter\" className=\"sr-only\">\n            Filter events by status\n          </label>\n          <select\n            id=\"event-log-status-filter\"\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as EventStatus | '')}\n            style={styles.filterSelect}\n          >\n            <option value=\"\">{t('bigconsole.widget.eventLog.filter.all', 'All Status')}</option>\n            <option value=\"DELIVERED\">{t('bigconsole.widget.eventLog.filter.delivered', 'Delivered')}</option>\n            <option value=\"FAILED\">{t('bigconsole.widget.eventLog.filter.failed', 'Failed')}</option>\n            <option value=\"PENDING\">{t('bigconsole.widget.eventLog.filter.pending', 'Pending')}</option>\n            <option value=\"PROCESSING\">{t('bigconsole.widget.eventLog.filter.processing', 'Processing')}</option>\n            <option value=\"RETRYING\">{t('bigconsole.widget.eventLog.filter.retrying', 'Retrying')}</option>\n            <option value=\"IGNORED\">{t('bigconsole.widget.eventLog.filter.ignored', 'Ignored')}</option>\n          </select>\n          <button type=\"button\" onClick={() => refetch()} style={styles.refreshButton}>\n            {t('bigconsole.widget.eventLog.refresh', 'Refresh')}\n          </button>\n        </div>\n      </div>\n\n      {loading && logs.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.eventLog.loading', 'Loading...')}</p>\n        </div>\n      ) : logs.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.eventLog.emptyTitle', 'No events found')}</p>\n          <p style={{ fontSize: 'var(--font-size-body-sm)', marginTop: '8px' }}>\n            {t('bigconsole.widget.eventLog.emptyHint', 'Events will appear here when actions are triggered.')}\n          </p>\n        </div>\n      ) : (\n        <>\n          <div style={{ ...styles.tableContainer, maxHeight, overflowY: 'auto' }}>\n            <table style={styles.table}>\n              <thead style={styles.tableHeader}>\n                <tr>\n                  <th style={{ ...styles.th, width: '40px' }}></th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.status', 'Status')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.event', 'Event')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.time', 'Time')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.webhook', 'Webhook')}</th>\n                  <th style={{ ...styles.th, width: '80px' }}>\n                    {t('bigconsole.widget.eventLog.column.action', 'Action')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {logs.map((log) => (\n                  <EventLogRow\n                    key={log.id}\n                    log={log}\n                    onRetry={() => handleRetry(log)}\n                    retrying={retryingId === log.id}\n                    expanded={expandedIds.has(log.id)}\n                    onToggleExpand={() => handleToggleExpand(log.id)}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          {hasMore && (\n            <button onClick={loadMore} style={styles.loadMoreButton}>\n              {t('bigconsole.widget.eventLog.loadMore', 'Load More')}\n            </button>\n          )}\n        </>\n      )}\n    </div>\n  );\n});\n\nexport default EventLogViewer;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/event-logs/index.d.ts

@@ -3,3 +3,4 @@
  */
 export { EventLogViewer, type EventLogViewerProps } from './EventLogViewer';
 export { default } from './EventLogViewer';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/event-logs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/event-logs/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/form/FormWidget.d.ts

@@ -43,3 +43,4 @@ export interface NormalizedFormData {
 export declare function normalizeFormData(data: Record<string, unknown> | undefined, fields: FormField[]): NormalizedFormData;
 export declare const FormWidget: FC<FormWidgetProps>;
 export default FormWidget;
+//# sourceMappingURL=FormWidget.d.ts.map

package/dist/bigconsole/components/widgets/form/FormWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EACV,MAAM,EACN,UAAU,IAAI,cAAc,EAC5B,eAAe,EACf,aAAa,IAAI,kBAAkB,EACnC,eAAe,EACf,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACxD;AA+GD,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,iEAAiE;IACjE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;CACjD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,CA2DpH;AA6ID,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgWzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/bigconsole/components/widgets/form/FormWidget.js

@@ -524,3 +524,5 @@ var g = {
 });
 //#endregion
 export { _ as default, h as normalizeFormData };
+
+//# sourceMappingURL=FormWidget.js.map