@wukazis/euphony 0.1.45

package/lib/components/conversation/conversation.d.ts

@@ -0,0 +1,259 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { TranslatableConversation } from '../../types/common-types';
+import { Conversation, Message, Role } from '../../types/harmony-types';
+import { EuphonyFloatingToolbar, FloatingToolbarButton } from '../floating-toolbar/floating-toolbar';
+import { EuphonyTokenWindow } from '../token-window/token-window';
+import { MessageEditorUserSetData } from '../message-editor-popover/message-editor-popover';
+import { FocusModeSettings, MessageLabelSettings } from '../preference-window/preference-window';
+type CustomMessageLabel = [number | string, string] | [number | string, string, string] | [number | string, string, string, string];
+/**
+ * Conversation element.
+ */
+export declare class EuphonyConversation extends LitElement {
+    conversationString: string;
+    conversationData: TranslatableConversation | null;
+    /**
+     * The URL for the sharing button. If it's null, the copy URL button will be
+     * hidden.
+     */
+    sharingURL: string | null;
+    /**
+     * Optional URL to the current json/jsonl file (if any). This is used to
+     * resolve some relative paths in the asset pointers in the conversation. For
+     * example, `aquifer://foo` will be resolved to `dataFileURL/../assets/foo`.
+     * We won't resolve relative paths if `dataFileURL` is not provided.
+     */
+    dataFileURL: string | null;
+    /**
+     * This overrides the JSON content when user clicks copy JSON or download
+     * JSON. It should never be set unless the content you want users to copy is
+     * different form the Conversation data itself (e.g., we use it for
+     * Comparison).
+     */
+    overrideSharingJSONString: string | null;
+    shouldRenderMarkdown: boolean;
+    /**
+     * We use DOMPurify to sanitize the markdown rendered HTML before displaying
+     * it. This property is used to pass DOMPurify's allowed tags. If this is not
+     * provided, we use the default allowed tags defined in dompurify-configs.ts
+     */
+    markdownAllowedTags: string[] | null;
+    /**
+     * We use DOMPurify to sanitize the markdown rendered HTML before displaying
+     * it. This property is used to pass DOMPurify's allowed attributes. If this
+     * is not provided, we use the default allowed attributes defined in
+     * dompurify-configs.ts
+     */
+    markdownAllowedAttributes: string[] | null;
+    /**
+     * The label shown before the conversation ID.
+     */
+    conversationLabel: string;
+    conversation: TranslatableConversation | null;
+    isEditable: boolean;
+    /**
+     * Focus mode settings.
+     * Each of the three properties is an independent filter. If it is empty, we
+     * do not apply any filter.
+     */
+    focusModeAuthor: string[];
+    focusModeRecipient: string[];
+    focusModeContentType: string[];
+    focusModeExemptedMessageIndexes: Set<number>;
+    deletedMessageIndexes: Set<number>;
+    insertMessageMenuIndex: number | null;
+    showMessageEditorPopover: boolean;
+    editorFocusedMessage: Message | null;
+    editorFocusedMessageIndex: number | null;
+    isConvoMarkedForDeletion: boolean;
+    hasMessageSharingURLEventListener: boolean;
+    hasTranslationEventListener: boolean;
+    isShowingTranslation: boolean;
+    isTranslating: boolean;
+    translationProgress: string;
+    translationSourceLanguage: string | null;
+    /**
+     * Custom labels. They will be shown on the header bar. Each item is a string
+     * array with at most four items.
+     * 1. ['value'] -> 'value'
+     * 2. ['key', 'value'] -> 'key: value'
+     * 3. ['key', 'value', 'tooltip text'] -> 'key: value' + tooltip text
+     * 4. ['key', 'value', 'tooltip text', 'color'] -> 'key: value' + tooltip text
+     *    + text color
+     */
+    customLabels: string[][];
+    /**
+     * Custom message labels. They will be shown below the author icon. Each item
+     * is a string array with at most four items. The first two items are
+     * required, and the last two items are optional.
+     * 1. [message index / 'message id', 'tooltip text']
+     * 2. [message index / 'message id', 'tooltip text', 'color']
+     * 3. [message index / 'message id', 'tooltip text', 'color', 'icon text']
+     */
+    customMessageLabels: CustomMessageLabel[];
+    private effectiveCustomLabels;
+    private effectiveCustomMessageLabels;
+    private updateEffectiveCustomLabels;
+    /**
+     * Custom share buttons. They will be shown on in the floating bar when hover
+     * over the share button. Each item is a string array with 3 items.
+     * You can leave the svg string empty if you want to use the default icon.
+     * ['name', 'url', 'svg string']
+     */
+    customShareButtons: string[][];
+    baseTime: number | null;
+    popperTooltip: HTMLElement | undefined;
+    messageMetadataOverlay: HTMLElement | undefined;
+    isResizingMessageMetadata: boolean;
+    shareFloatingToolbar: EuphonyFloatingToolbar | undefined | null;
+    showShareFloatingToolbar: boolean;
+    shareFloatingToolbarButtons: FloatingToolbarButton[];
+    cleanupShareFloatingToolbarAutoUpdate: () => void;
+    shareFloatingToolbarRepositionAdded: boolean;
+    cleanupMessageEditorPopoverAutoUpdate: () => void;
+    messageEditorPopoverRepositionAdded: boolean;
+    cleanupInsertMessageMenuAutoUpdate: () => void;
+    insertMessageMenuRepositionAdded: boolean;
+    hasInsertMessageMenuOutsideClickListener: boolean;
+    hasMessageEditorPopoverOutsideClickListener: boolean;
+    tokenWindowComponent: EuphonyTokenWindow | undefined;
+    isShowingMetadata: boolean;
+    mouseoverMessage: Message | null;
+    mouseoverMessageIndex: number | null;
+    isShowingMessageMetadata: boolean;
+    conversationMaxWidth: number | null;
+    conversationMinWidth: number | null;
+    disableMarkdownButton: boolean;
+    disableTranslationButton: boolean;
+    disableShareButton: boolean;
+    disableMetadataButton: boolean;
+    disableEditingModeSaveButton: boolean;
+    disableConversationIDCopyButton: boolean;
+    isShowingPreferenceWindow: boolean;
+    euphonyStyleConfig: Record<string, string>;
+    disableMessageMetadata: boolean;
+    disableConversationName: boolean;
+    disablePreferenceButton: boolean;
+    disableTokenWindow: boolean;
+    theme: 'auto' | 'light' | 'dark';
+    isDarkTheme: boolean;
+    toolbarTooltipDebouncer: number | null;
+    shareFloatingToolbarDebouncer: number | null;
+    shareFloatingToolbarDisappearDebouncer: number | null;
+    metadataDisappearDebouncer: number | null;
+    metadataAppearDebouncer: number | null;
+    constructor();
+    addEventListener(type: keyof HTMLElementEventMap | 'translation-requested' | 'translation-completed' | 'conversation-metadata-button-toggled' | 'markdown-button-toggled' | 'editing-save-button-clicked' | 'fetch-message-sharing-url' | 'refresh-renderer-list-requested' | 'harmony-render-requested', listener: EventListener, options?: AddEventListenerOptions): void;
+    /**
+     * This method is called when the DOM is added for the first time
+     */
+    firstUpdated(): void;
+    /**
+     * This method is called before new DOM is updated and rendered
+     * @param changedProperties Property that has been changed
+     */
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    initData(): Promise<void>;
+    refreshBaseTime(): void;
+    resetComponent(): void;
+    /**
+     * Return the edited conversation data after filtering deleted messages.
+     * This is the single source of truth for all editor-mode exports.
+     */
+    getEditedConversationData(): Conversation | null;
+    /**
+     * Serialize the current conversation to a JSON string. It will ignore the
+     * deleted messages.
+     */
+    serializeConversation(indent?: number | null): string;
+    updateShareFloatingToolbarPosition(shareButton: HTMLElement, floatingToolbar: HTMLElement): void;
+    updateInsertMessageMenuPosition(addButton: HTMLElement, insertMessageMenu: HTMLElement): void;
+    updateMessageEditorPopoverPosition(editButton: HTMLElement, messageEditorPopover: HTMLElement): void;
+    /**
+     * In editor mode, conversations with zero messages need a temporary deleted
+     * placeholder so the existing per-message add controls still have an anchor.
+     * The placeholder stays filtered out of all exports unless the user restores
+     * or inserts real content.
+     */
+    bootstrapEmptyConversationForEditorMode(): void;
+    getMessageByIndex: (messageIndex: number) => HTMLElement | null | undefined;
+    translationButtonClicked(): Promise<void>;
+    /**
+     * MouseEnter Event handler for all the buttons in the toolbar
+     * @param e Mouse event
+     */
+    toolButtonMouseEnter(e: MouseEvent, type: 'markdown' | 'translate' | 'share' | 'metadata' | 'delete' | 'add' | 'edit' | 'reorder-up' | 'reorder-down' | 'custom-label' | 'preference' | 'message-share', maybeTooltipText?: string): void;
+    /**
+     * MouseLeave Event handler for all the buttons in the toolbar
+     * @param e Mouse event
+     */
+    toolButtonMouseLeave(useTransition?: boolean): void;
+    shareButtonMouseEnter(): void;
+    shareButtonMouseLeave(): void;
+    shareFloatingToolbarButtonClicked(e: CustomEvent<string>): Promise<void>;
+    metadataButtonClicked(): void;
+    markdownButtonClicked(): void;
+    /**
+     * Send the current conversation string to the parent
+     */
+    editingSaveButtonClicked(): void;
+    private swapDeletedMessageIndexes;
+    private shiftDeletedIndexesAfterInsert;
+    reorderUpButtonClicked(messageIndex: number): void;
+    reorderDownButtonClicked(messageIndex: number): void;
+    createEmptyMessageForContentType(referenceMessage: Message | undefined, contentType: 'text' | 'system' | 'developer'): Message;
+    insertMessageAfterIndex(messageIndex: number, contentType: 'text' | 'system' | 'developer'): Promise<void>;
+    closeInsertMessageMenu(): void;
+    insertMessageMenuWindowPointerDown: (e: Event) => void;
+    messageEditorAddMessageButtonClicked(messageIndex: number): void;
+    closeMessageEditorPopover(): void;
+    messageEditorEditButtonClicked(messageIndex: number): void;
+    messageEditorPopoverSaveButtonClicked(e: CustomEvent<MessageEditorUserSetData>): void;
+    messageEditorPopoverCancelButtonClicked(): void;
+    messageEditorPopoverWindowPointerDown: (e: Event) => void;
+    focusEditableFieldsForMessage(messageIndex: number): void;
+    preferenceButtonClicked(): void;
+    messageInfoMouseEnter(e: MouseEvent, message: Message, messageIndex: number): void;
+    messageInfoMouseLeave(): void;
+    metadataOverlayMouseEnter(): void;
+    metadataOverlayMouseLeave(): void;
+    metadataOverlayShareButtonClicked(e: MouseEvent, messageIndex: number): void;
+    /**
+     * Prevent mouse leave when user drag the overlay to resize it
+     * Note this handler is not called on Safari. For some reason, Safari doesn't
+     * fire mousedown event when user clicks the resize handle. It doesn't fire it
+     * on window or document as well when user clicks the resize handle :(
+     * WebKit but: https://bugs.webkit.org/show_bug.cgi?id=280956
+     * @param e Mouse event
+     */
+    metadataMouseDown: () => void;
+    loadKatexScript(): HTMLScriptElement | undefined;
+    preferenceWindowMaxMessageHeightChanged(e: CustomEvent<string>): void;
+    preferenceWindowFocusModeSettingsChanged(e: CustomEvent<FocusModeSettings>): void;
+    preferenceWindowMessageLabelChanged(e: CustomEvent<MessageLabelSettings>): void;
+    allChildrenUpdateComplete(): Promise<void>;
+    relativeTimestampFormatter(creationTime: number): string;
+    absoluteTimestampFormatter(creationTime: number): string;
+    getAuthorIcon(role: Role): TemplateResult<1>;
+    /**
+     * Check if the message is hidden by focus mode settings.
+     * @param message Message to check
+     * @returns True if the message is hidden, false otherwise
+     */
+    isMessageHiddenByFocusMode(message: Message, messageIndex: number): boolean;
+    getMessageContentTemplate(message: Message, i: number): TemplateResult<1>;
+    renderTextWithWordBreaks(text: string): TemplateResult[];
+    getMessageMetadataInfo(message: Message): TemplateResult<1>;
+    render(): TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+    expandBlockContents(): void;
+    collapseBlockContents(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'euphony-conversation': EuphonyConversation;
+    }
+}
+export declare const parseConversationJSONString: (conversationString: string) => Conversation | null;
+export {};

package/lib/components/conversation/conversation.js

@@ -0,0 +1 @@
+import"../../chunks/third-party.js";import"../../chunks/harmony-types.js";import"../../chunks/utils.js";import"../preference-window/preference-window.js";import"../../chunks/shoelace.js";import"../floating-toolbar/floating-toolbar.js";import"../json-viewer/json-viewer.js";import"../message-code/message-code.js";import"../message-developer-content/message-developer-content.js";import"../message-editor-popover/message-editor-popover.js";import"../message-hidden/message-hidden.js";import"../message-system-content/message-system-content.js";import"../message-text/message-text.js";import"../message-unsupported/message-unsupported.js";import{E as e,p as s}from"../../chunks/conversation.js";import"../../chunks/css/conversation.js";export{e as EuphonyConversation,s as parseConversationJSONString};

package/lib/components/floating-toolbar/floating-toolbar.d.ts

@@ -0,0 +1,47 @@
+import { LitElement, PropertyValues } from 'lit';
+export interface FloatingToolbarButton {
+    name: string;
+    tooltip: string;
+    svgIcon: string;
+}
+/**
+ * Floating toolbar element.
+ */
+export declare class EuphonyFloatingToolbar extends LitElement {
+    buttons: FloatingToolbarButton[];
+    disappearTimeout: number | null;
+    popperTooltip: HTMLElement | undefined;
+    lastAnchor: HTMLElement | null;
+    toolbarTooltipDebouncer: number | null;
+    constructor();
+    /**
+     * This method is called when the DOM is added for the first time
+     */
+    firstUpdated(): void;
+    /**
+     * This method is called before new DOM is updated and rendered
+     * @param changedProperties Property that has been changed
+     */
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    initData(): Promise<void>;
+    updateCurrentTooltip(tooltip: string): void;
+    /**
+     * MouseEnter Event handler for all the buttons in the toolbar
+     * @param e Mouse event
+     */
+    toolButtonMouseEnter(e: MouseEvent, name: string): void;
+    /**
+     * MouseLeave Event handler for all the buttons in the toolbar
+     * @param e Mouse event
+     */
+    toolButtonMouseLeave(useTransition?: boolean): void;
+    toolbarMouseEnter(): void;
+    toolbarMouseLeave(): void;
+    render(): import('lit').TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'euphony-floating-toolbar': EuphonyFloatingToolbar;
+    }
+}

package/lib/components/floating-toolbar/floating-toolbar.js

@@ -0,0 +1,32 @@
+import{v as o,i as t,n as e,e as i,a as s,b as p,x as r,w as n}from"../../chunks/third-party.js";import{u as l}from"../../chunks/utils.js";import{c as a}from"../../chunks/css/floating-toolbar.js";var u=Object.defineProperty,c=Object.getOwnPropertyDescriptor,h=(o,t,e,i)=>{for(var s,p=i>1?void 0:i?c(t,e):t,r=o.length-1;r>=0;r--)(s=o[r])&&(p=(i?s(t,e,p):s(p))||p);return i&&p&&u(t,e,p),p};const d=5;let b=class extends s{constructor(){super(),this.buttons=[],this.disappearTimeout=null,this.lastAnchor=null,this.toolbarTooltipDebouncer=null}firstUpdated(){}willUpdate(o){}async initData(){}updateCurrentTooltip(o){if(!this.popperTooltip)return void console.error("Popper tooltip not initialized.");if(!this.lastAnchor)return void console.warn("Last anchor not initialized.");const t=this.lastAnchor;this.popperTooltip.querySelector(".popper-label").textContent=o,l(this.popperTooltip,t,"top",!0,5)}toolButtonMouseEnter(o,t){if(o.stopPropagation(),o.preventDefault(),!this.popperTooltip)return void console.error("Popper tooltip not initialized.");const e=o.currentTarget;this.lastAnchor=e,this.toolbarTooltipDebouncer&&clearTimeout(this.toolbarTooltipDebouncer),this.toolbarTooltipDebouncer=window.setTimeout(()=>{const o=this.popperTooltip.querySelector(".popper-label");let i="Button";const s=this.buttons.find(o=>o.name===t);s?(i=s.tooltip,o.textContent=i,l(this.popperTooltip,e,"top",!0,5),this.popperTooltip.classList.remove("hidden")):console.error(`Button ${t} not found.`)},500)}toolButtonMouseLeave(o=!0){this.popperTooltip?(this.toolbarTooltipDebouncer&&(clearTimeout(this.toolbarTooltipDebouncer),this.toolbarTooltipDebouncer=null),o?this.popperTooltip.classList.add("hidden"):(this.popperTooltip.classList.add("no-transition"),this.popperTooltip.classList.add("hidden"),setTimeout(()=>{this.popperTooltip.classList.remove("no-transition")},150))):console.error("popperTooltip are not initialized yet.")}toolbarMouseEnter(){null!==this.disappearTimeout&&(clearTimeout(this.disappearTimeout),this.disappearTimeout=null)}toolbarMouseLeave(){const o=new Event("mouseleave",{bubbles:!0,composed:!0});this.dispatchEvent(o)}render(){const o=p`
+      <div
+        id="popper-tooltip"
+        class="popper-tooltip hidden"
+        role="tooltip"
+        @click=${o=>{o.stopPropagation()}}
+      >
+        <div class="popper-content">
+          <span class="popper-label">Hello</span>
+        </div>
+        <div class="popper-arrow"></div>
+      </div>
+    `;let t=p``;for(const o of this.buttons)t=p`${t}
+        <button
+          class="icon svg-icon ${o.name}-button"
+          @mouseenter=${t=>{this.toolButtonMouseEnter(t,o.name)}}
+          @mouseleave=${()=>{this.toolButtonMouseLeave()}}
+          @click=${t=>{const e=new CustomEvent("button-clicked",{bubbles:!0,composed:!0,detail:o.name});this.dispatchEvent(e)}}
+        >
+          ${r(o.svgIcon)}
+        </button> `;return p`
+      ${o}
+      <div
+        class="floating-toolbar"
+        @mouseenter=${()=>{this.toolbarMouseEnter()}}
+        @mouseleave=${()=>{this.toolbarMouseLeave()}}
+      >
+        ${t}
+      </div>
+    `}};b.styles=[t`
+      ${o(a)}
+    `],h([e({attribute:!1})],b.prototype,"buttons",2),h([e({})],b.prototype,"disappearTimeout",2),h([i("#popper-tooltip")],b.prototype,"popperTooltip",2),b=h([n("euphony-floating-toolbar")],b);export{b as EuphonyFloatingToolbar};

package/lib/components/input-dialog/input-dialog.d.ts

@@ -0,0 +1,43 @@
+import { LitElement, PropertyValues } from 'lit';
+export interface DialogInfo {
+    header: string;
+    message: string;
+    yesButtonText: string;
+    errorMessage?: string;
+}
+/**
+ * Confirm dialog element.
+ *
+ */
+export declare class NightjarInputDialog extends LitElement {
+    dialogElement: HTMLDialogElement | undefined;
+    header: string;
+    message: string;
+    yesButtonText: string;
+    errorMessage: string;
+    isError: boolean;
+    isLoading: boolean;
+    inputStorageKey: string;
+    confirmAction: (input: string) => void;
+    cancelAction: () => void;
+    inputValidate: (input: string) => Promise<boolean> | boolean;
+    constructor();
+    firstUpdated(): void;
+    /**
+     * This method is called before new DOM is updated and rendered
+     * @param changedProperties Property that has been changed
+     */
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    initData: () => Promise<void>;
+    show(dialogInfo: DialogInfo, confirmAction: (input: string) => void, cancelAction?: () => void, inputValidate?: (input: string) => Promise<boolean> | boolean): void;
+    dialogClicked(e: MouseEvent): void;
+    cancelClicked(e: MouseEvent): void;
+    confirmClicked(e: MouseEvent): Promise<void>;
+    render(): import('lit').TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nightjar-input-dialog': NightjarInputDialog;
+    }
+}

package/lib/components/input-dialog/input-dialog.js

@@ -0,0 +1,51 @@
+import{v as e,i as t,e as i,r as s,a,b as o,w as n}from"../../chunks/third-party.js";import{c as r}from"../../chunks/css/input-dialog.js";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,c=(e,t,i,s)=>{for(var a,o=s>1?void 0:s?d(t,i):t,n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s?a(t,i,o):a(o))||o);return s&&o&&l(t,i,o),o};let h=class extends a{constructor(){super(),this.header="Delete Item",this.message="Are you sure you want to delete this item? This action cannot be undone.",this.yesButtonText="Delete",this.errorMessage="Invalid input, please try again.",this.isError=!1,this.isLoading=!1,this.inputStorageKey="deletion",this.initData=async()=>{},this.confirmAction=e=>{},this.cancelAction=()=>{},this.inputValidate=()=>!0}firstUpdated(){window.setTimeout(()=>{},1e3)}willUpdate(e){}show(e,t,i,s){this.header=e.header,this.message=e.message,this.yesButtonText=e.yesButtonText,this.confirmAction=t,this.errorMessage=e.errorMessage||this.errorMessage,this.cancelAction=void 0===i?()=>{}:i,this.inputValidate=void 0===s?()=>!0:s,this.dialogElement&&this.dialogElement.showModal()}dialogClicked(e){e.target===this.dialogElement&&this.dialogElement.close()}cancelClicked(e){e.stopPropagation(),this.dialogElement&&(this.dialogElement.close(),this.cancelAction())}async confirmClicked(e){if(e.stopPropagation(),this.dialogElement){const e=this.dialogElement.querySelector("#input-element");this.isLoading=!0,this.isError=!1;const t=e?.value||"";await this.inputValidate(t)?(this.isLoading=!1,this.confirmAction(t),this.dialogElement.close()):(this.isLoading=!1,this.isError=!0)}}render(){return o`
+      <dialog
+        class="input-dialog"
+        @click=${e=>{this.dialogClicked(e)}}
+      >
+        <div class="header">
+          <div class="header-name">${this.header}</div>
+        </div>
+
+        <div class="content">
+          <div class="message">${this.message}</div>
+
+          <div class="input-container">
+            <sl-input
+              id="input-element"
+              size="medium"
+              placeholder="OpenAI API Key"
+              clearable
+              spellcheck="false"
+            >
+            </sl-input>
+          </div>
+        </div>
+
+        <div class="footer-container">
+          <div class="message validating-message" ?is-hidden=${!this.isLoading}>
+            Validating...
+          </div>
+          <div class="message error-message" ?is-hidden=${!this.isError}>
+            ${this.errorMessage}
+          </div>
+
+          <div class="button-block">
+            <button
+              class="cancel-button"
+              @click=${e=>{this.cancelClicked(e)}}
+            >
+              Cancel
+            </button>
+            <button
+              class="confirm-button"
+              @click=${e=>{this.confirmClicked(e)}}
+            >
+              ${this.yesButtonText}
+            </button>
+          </div>
+        </div>
+      </dialog>
+    `}};h.styles=[t`
+      ${e(r)}
+    `],c([i("dialog")],h.prototype,"dialogElement",2),c([s()],h.prototype,"header",2),c([s()],h.prototype,"message",2),c([s()],h.prototype,"yesButtonText",2),c([s()],h.prototype,"errorMessage",2),c([s()],h.prototype,"isError",2),c([s()],h.prototype,"isLoading",2),h=c([n("nightjar-input-dialog")],h);export{h as NightjarInputDialog};

package/lib/components/json-viewer/json-viewer.d.ts

@@ -0,0 +1,33 @@
+import { LitElement, PropertyValues } from 'lit';
+type JSONValue = string | number | boolean | null | JSONObject | JSONArray;
+interface JSONObject {
+    [key: string]: JSONValue;
+}
+type JSONArray = JSONValue[];
+/**
+ * Json viewer element.
+ */
+export declare class EuphonyJsonViewer extends LitElement {
+    data: JSONValue;
+    isDarkTheme: boolean;
+    constructor();
+    /**
+     * This method is called when the DOM is added for the first time
+     */
+    firstUpdated(): void;
+    /**
+     * This method is called before new DOM is updated and rendered
+     * @param changedProperties Property that has been changed
+     */
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    initData(): Promise<void>;
+    getHighlightedCode(code: string, language: string): import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'euphony-json-viewer': EuphonyJsonViewer;
+    }
+}
+export {};

package/lib/components/json-viewer/json-viewer.js

@@ -0,0 +1,8 @@
+import{v as e,i as s,n as t,a as r,b as i,x as a,w as n}from"../../chunks/third-party.js";import{p as o}from"../../chunks/prismjs.js";import{p as h}from"../../chunks/css-inline.js";import{c as p}from"../../chunks/css/json-viewer.js";var d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=(e,s,t,r)=>{for(var i,a=r>1?void 0:r?c(s,t):s,n=e.length-1;n>=0;n--)(i=e[n])&&(a=(r?i(s,t,a):i(a))||a);return r&&a&&d(s,t,a),a};let u=class extends r{constructor(){super(),this.data=null,this.isDarkTheme=!1}firstUpdated(){}willUpdate(e){}async initData(){}getHighlightedCode(e,s){if(!(s in o.languages))return i`${e}`;const t=o.languages[s],r=o.highlight(e,t,s);return i`${a(r)}`}render(){return i`
+      <div class="json-viewer" ?is-dark-theme=${this.isDarkTheme}>
+        <pre class="message-pre"><code>${this.getHighlightedCode(JSON.stringify(this.data,null,2),"json")}</code></pre>
+      </div>
+    `}};u.styles=[s`
+      ${e(p)}
+      ${e(h)}
+    `],l([t({attribute:!1})],u.prototype,"data",2),l([t({type:Boolean,attribute:"is-dark-theme"})],u.prototype,"isDarkTheme",2),u=l([n("euphony-json-viewer")],u);export{u as EuphonyJsonViewer};

package/lib/components/menu/menu.d.ts

@@ -0,0 +1,38 @@
+import { LitElement, PropertyValues } from 'lit';
+interface MenuItem {
+    name: string;
+    icon?: string;
+}
+/**
+ * Menu element.
+ *
+ */
+export declare class NightjarMenu extends LitElement {
+    menuItems: MenuItem[];
+    isHidden: boolean;
+    timer: null | number;
+    constructor();
+    /**
+     * This method is called before new DOM is updated and rendered
+     * @param changedProperties Property that has been changed
+     */
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    initData(): Promise<void>;
+    /**
+     * Show the toast message
+     */
+    show(): void;
+    /**
+     * Hide the toast message
+     */
+    hide(): void;
+    menuItemClicked(e: MouseEvent, menuItemName: string): void;
+    render(): import('lit').TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nightjar-menu': NightjarMenu;
+    }
+}
+export {};

package/lib/components/menu/menu.js

@@ -0,0 +1,9 @@
+import{v as t,i as e,n as s,r as i,a as n,b as o,x as r,w as a}from"../../chunks/third-party.js";import{c as u}from"../../chunks/css/menu.js";var d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,m=(t,e,s,i)=>{for(var n,o=i>1?void 0:i?c(e,s):e,r=t.length-1;r>=0;r--)(n=t[r])&&(o=(i?n(e,s,o):n(o))||o);return i&&o&&d(e,s,o),o};let h=class extends n{constructor(){super(),this.menuItems=[],this.isHidden=!0,this.timer=null}willUpdate(t){}async initData(){}show(){this.isHidden&&(this.isHidden=!1)}hide(){if(this.isHidden)return;if(null===this.shadowRoot)throw Error("Shadow root is null");const t=this.shadowRoot.querySelector(".menu");if(!t)throw Error("Menu element not found");t.animate({opacity:[1,0]},{duration:200,easing:"ease-in-out"}).onfinish=()=>{this.isHidden=!0}}menuItemClicked(t,e){t.stopPropagation(),t.preventDefault();const s=new CustomEvent("menu-item-clicked",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(s)}render(){let t=o``;for(const[e,s]of this.menuItems.entries()){const e=s.name,i=s.icon;t=o`${t}<button
+          class="menu-item"
+          @click=${t=>{this.menuItemClicked(t,e)}}
+        >
+          <span class="svg-icon">${r(i)}</span>
+          ${e}
+        </button>`}return o` <div class="menu">${t}</div> `}};h.styles=[e`
+      ${t(u)}
+    `],m([s({type:Array,attribute:!1})],h.prototype,"menuItems",2),m([i()],h.prototype,"isHidden",2),h=m([a("nightjar-menu")],h);export{h as NightjarMenu};

package/lib/components/message-code/message-code.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, PropertyValues } from 'lit';
+import { Message } from '../../types/harmony-types';
+/**
+ * Message code element.
+ */
+export declare class EuphonyMessageCode extends LitElement {
+    message: Message | null;
+    constructor();
+    firstUpdated(): void;
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    initData(): Promise<void>;
+    getHighlightedCode(code: string, language?: string | null): import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'euphony-message-code': EuphonyMessageCode;
+    }
+}

package/lib/components/message-code/message-code.js

@@ -0,0 +1,10 @@
+import{b as e,v as t,i as s,n,a as r,x as a,w as i}from"../../chunks/third-party.js";import{p as c}from"../../chunks/prismjs.js";import{g as o,a as p}from"../../chunks/harmony-types.js";import{p as h}from"../../chunks/css-inline.js";import{c as g}from"../../chunks/css/message-code.js";function l(e){const t=e.replace(/\r\n/g,"\n").trim();return/^```[^\n]*\n([\s\S]*?)\n```$/.exec(t)?.[1]??e}function u(e){const t=l(e).replace(/\r\n/g,"\n"),s=t.split("\n"),n=s.findIndex(e=>"*** Begin Patch"===e||"@@"===e||e.startsWith("@@ "));return n>=0?s.slice(n).join("\n"):t}function d(e){const t=u(e).trim();return!(!t.startsWith("*** Begin Patch")||!t.includes("*** End Patch"))||t.startsWith("@@")}function m(e){return e.startsWith("+")&&!e.startsWith("+++")?"patch-line-add":e.startsWith("-")&&!e.startsWith("---")?"patch-line-delete":"patch-line"}function f(t){if(!d(t))return null;const s=u(t).replace(/\r\n/g,"\n").split("\n");return e`<pre class="message-pre patch-pre"><code>${s.map(t=>e`<div class=${m(t)}><span class="patch-text">${t}</span></div>`)}</code></pre>`}var $=Object.defineProperty,y=Object.getOwnPropertyDescriptor,j=(e,t,s,n)=>{for(var r,a=n>1?void 0:n?y(t,s):t,i=e.length-1;i>=0;i--)(r=e[i])&&(a=(n?r(t,s,a):r(a))||a);return n&&a&&$(t,s,a),a};let v=class extends r{constructor(){super(),this.message=null}firstUpdated(){}willUpdate(e){if(e.has("message")&&this.message){const e=o(this.message.content);if("code"!==e)throw new Error(`Invalid message type, expect code, but got: ${e}`)}}async initData(){}getHighlightedCode(t,s){if(!s)return e`${t}`;if(!(s in c.languages))return e`${t}`;const n=c.languages[s],r=c.highlight(t,n,s);return e`${a(r)}`}render(){if(!this.message)return e``;const t=p(this.message.content),s=f(t.text);return e`
+      <div class="message-content">
+        ${s??e`
+          <pre class="message-pre"><code>${this.getHighlightedCode(t.text,t.language)}</code></pre>
+        `}
+      </div>
+    `}};v.styles=[s`
+      ${t(g)}
+      ${t(h)}
+    `],j([n({attribute:!1})],v.prototype,"message",2),v=j([i("euphony-message-code")],v);export{v as EuphonyMessageCode};

package/lib/components/message-developer-content/message-developer-content.d.ts

@@ -0,0 +1,45 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { BlockContent } from '../../types/common-types';
+import { Message } from '../../types/harmony-types';
+interface EditMetadata {
+    location: 'instruction' | 'tool_namespace_name' | 'tool_namespace_description';
+    index: number | string;
+}
+export interface DeveloperContentEditPayload extends EditMetadata {
+    newContent: string;
+}
+/**
+ * Message developer content element.
+ */
+export declare class EuphonyMessageDeveloperContent extends LitElement {
+    message: Message | null;
+    shouldRenderMarkdown: boolean;
+    markdownAllowedTags: string[] | null;
+    markdownAllowedAttributes: string[] | null;
+    isEditable: boolean;
+    blockContents: BlockContent[];
+    constructor();
+    /**
+     * This method is called when the DOM is added for the first time
+     */
+    firstUpdated(): void;
+    /**
+     * This method is called before new DOM is updated and rendered
+     * @param changedProperties Property that has been changed
+     */
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    initData(): Promise<void>;
+    messageTextChanged(e: InputEvent, editMetadata: EditMetadata): void;
+    resetBlockContents(): void;
+    getHighlightedCode(code: string, language: string): TemplateResult<1>;
+    getEditableTemplate: (content: string, editMetadata: EditMetadata) => TemplateResult<1>;
+    renderNamespaceTable(namespaceKey: string, name: string, description: string, isEditable: boolean): TemplateResult<1>;
+    render(): TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'euphony-message-developer-content': EuphonyMessageDeveloperContent;
+    }
+}
+export {};