@ibgib/web-gib 0.0.52 → 0.0.55

package/dist/ui/component/identity/identity-manager/identity-manager.css

@@ -0,0 +1,178 @@
+:host {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    margin: 1rem auto;
+    font-family: var(--font-family-base, inherit);
+    font-size: var(--font-size-base, 1rem);
+    color: var(--text-color-base, var(--clr-text-primary, #ffffff));
+    box-sizing: border-box;
+}
+
+.component-container {
+    padding: 2rem;
+    background: var(--side-panel-tab-content-background-color, var(--clr-bg-glass, rgba(20, 20, 25, 0.6)));
+    backdrop-filter: blur(16px);
+    border-radius: var(--radius-lg, 12px);
+    border: var(--border-width-base, 1px) var(--border-style-base, solid) var(--border-color-base, var(--clr-border, rgba(255, 255, 255, 0.1)));
+    box-shadow: var(--shadow-card, 0 8px 32px 0 rgba(0, 0, 0, 0.37));
+}
+
+header {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin-bottom: 2rem;
+    border-bottom: 1px solid var(--border-color-base, rgba(255, 255, 255, 0.1));
+    padding-bottom: 1rem;
+}
+
+h2 {
+    margin: 0;
+    font-size: var(--h2-font-size, 1.5rem);
+    font-weight: var(--h2-font-weight, 600);
+    color: var(--clr-accent, #50fa7b);
+}
+
+.icon-btn {
+    width: 2.2rem;
+    height: 2.2rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--button-background-color-base, rgba(255, 255, 255, 0.05));
+    border: 1px solid var(--button-border-color-base, rgba(255, 255, 255, 0.1));
+    border-radius: var(--button-border-radius-base, 50%);
+    color: var(--button-text-color-base, #ffffff);
+    font-size: 1.2rem;
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+}
+
+.icon-btn:hover {
+    background: var(--button-hover-background-color, var(--clr-accent, #50fa7b));
+    color: var(--button-hover-text-color, #1a1a24);
+    border-color: var(--button-hover-border-color, var(--clr-accent, #50fa7b));
+}
+
+.content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    width: 100%;
+}
+
+.content>* {
+    width: 100%;
+    margin: 0 auto;
+}
+
+.placeholder-view {
+    padding: 3rem 1rem;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.15);
+    border-radius: var(--radius-md, 8px);
+    border: 1px dashed var(--border-color-base, rgba(255, 255, 255, 0.1));
+}
+
+.placeholder-view p {
+    color: var(--clr-text-secondary, #b3b3b3);
+    margin-bottom: 1.5rem;
+}
+
+.action-btn {
+    padding: 0.6rem 1.2rem;
+    background: var(--clr-accent, #50fa7b);
+    border: none;
+    border-radius: var(--radius-sm, 4px);
+    color: #1a1a24;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+}
+
+.action-btn:hover {
+    background: #40c767;
+}
+
+.hidden {
+    display: none !important;
+}
+
+/* Tab Buttons row */
+.tabs-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1rem;
+    margin-top: 0.5rem;
+}
+
+.tabs-list {
+    display: flex;
+    gap: 0.5rem;
+    overflow-x: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    padding-bottom: 0.25rem;
+    flex-grow: 1;
+}
+
+.tabs-list::-webkit-scrollbar {
+    display: none;
+}
+
+.tab-btn {
+    padding: 0.55rem 1.25rem;
+    background: rgba(255, 255, 255, 0.03);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    border-radius: var(--radius-sm, 6px);
+    color: var(--clr-text-secondary, #8fa08f);
+    font-family: var(--font-sans, inherit);
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+    white-space: nowrap;
+    display: inline-flex;
+    align-items: center;
+}
+
+.tab-btn:hover {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--clr-accent, #50fa7b);
+    border-color: rgba(120, 248, 126, 0.2);
+}
+
+.tab-btn.active {
+    background: rgba(80, 250, 123, 0.1);
+    color: var(--clr-accent, #50fa7b);
+    border-color: var(--clr-accent-dim, rgba(120, 248, 126, 0.35));
+    box-shadow: 0 0 10px rgba(120, 248, 126, 0.05);
+}
+
+.tab-btn.global-active {
+    border-style: double;
+    border-width: 3px;
+}
+
+.tab-btn.global-active::after {
+    content: " (active)";
+    font-size: 0.75rem;
+    font-style: italic;
+    opacity: 0.8;
+    margin-left: 0.25rem;
+}
+
+.close-tab-button {
+    font-size: 0.85rem;
+    color: var(--clr-text-secondary, #8fa08f);
+    transition: color 0.2s ease-in-out;
+    margin-left: 0.5rem;
+    line-height: 1;
+}
+
+.close-tab-button:hover {
+    color: var(--clr-danger, #ff5555) !important;
+}

package/dist/ui/component/identity/identity-manager/identity-manager.d.mts

@@ -0,0 +1,76 @@
+import { IbGibAddr } from "@ibgib/ts-gib/dist/types.mjs";
+import { IbGib_V1 } from "@ibgib/ts-gib/dist/V1/types.mjs";
+import { MetaspaceService } from "@ibgib/core-gib/dist/witness/space/metaspace/metaspace-types.mjs";
+import { IbGibDynamicComponentMetaBase, IbGibDynamicComponentInstanceBase_ParentOfTabs } from "../../ibgib-dynamic-component-bases.mjs";
+import { ElementsBase, ChildInfoBase, IbGibDynamicComponentInstance, IbGibDynamicComponentInstanceInitOpts } from "../../component-types.mjs";
+import { SettingsType } from "../../../../common/settings/settings-constants.mjs";
+import { Settings_IdentityManager } from "../../../../common/settings/settings-types.mjs";
+export declare const IDENTITY_MANAGER_COMPONENT_NAME = "ibgib-identity-manager";
+/**
+ * Metadata for the Identity Manager component.
+ */
+export declare class IdentityManagerComponentMeta extends IbGibDynamicComponentMetaBase {
+    protected lc: string;
+    routeRegExp?: RegExp;
+    componentName: string;
+    constructor();
+    createInstance({ path, ibGibAddr }: {
+        path: string;
+        ibGibAddr: IbGibAddr;
+    }): Promise<IbGibDynamicComponentInstance>;
+}
+interface IdentityTabInfo extends ChildInfoBase<IbGibDynamicComponentInstance<any, any>> {
+}
+/**
+ * References to DOM elements within the component's shadow root.
+ */
+interface IdentityManagerElements extends ElementsBase {
+    containerEl: HTMLDivElement;
+    titleEl: HTMLHeadingElement;
+    tabsListEl: HTMLDivElement;
+    btnAddIdentityEl: HTMLButtonElement;
+    noIdentityPlaceholderEl: HTMLDivElement;
+    btnCreatePlaceholderEl: HTMLButtonElement;
+}
+/**
+ * Concrete implementation of the Identity Manager component.
+ */
+export declare class IdentityManagerComponentInstance extends IbGibDynamicComponentInstanceBase_ParentOfTabs<Settings_IdentityManager, IbGib_V1, IdentityManagerElements, IdentityTabInfo> implements IbGibDynamicComponentInstance<IbGib_V1, IdentityManagerElements> {
+    protected lc: string;
+    private globalActiveAddr;
+    private _onIdentityChanged;
+    private _onUiMessage;
+    private keystoneCache;
+    metaspace: MetaspaceService | undefined;
+    protected get settingsType(): SettingsType;
+    constructor();
+    private getKeystoneDetails;
+    initialize(opts: IbGibDynamicComponentInstanceInitOpts): Promise<void>;
+    created(): Promise<void>;
+    private restoreOrInitTabs;
+    disconnected(): Promise<void>;
+    private loadKeystonesIndex;
+    private initHandlers;
+    protected handleAddNewIdentityFlow(componentPath?: 'ibgib-keystone-creator' | 'ibgib-add-device'): Promise<void>;
+    private resolveActiveIdentity;
+    protected renderUI(): Promise<void>;
+    private loadDefaultPrimaryIdentityTabs;
+    activateIbGib({ addr, ibGib }: {
+        addr?: IbGibAddr;
+        ibGib?: IbGib_V1;
+    }): Promise<void>;
+    protected getLoadedChildInfo({ addr, ibGib, }: {
+        addr: IbGibAddr;
+        ibGib?: IbGib_V1;
+    }): Promise<IdentityTabInfo>;
+    protected addChild({ addr, ibGib, }: {
+        ibGib: IbGib_V1;
+        addr?: IbGibAddr;
+    }): Promise<HTMLElement>;
+    private updateTabTitleAndText;
+    protected removeTabBtn({ tabInfo }: {
+        tabInfo: IdentityTabInfo;
+    }): Promise<void>;
+}
+export {};
+//# sourceMappingURL=identity-manager.d.mts.map

package/dist/ui/component/identity/identity-manager/identity-manager.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity-manager.d.mts","sourceRoot":"","sources":["../../../../../src/ui/component/identity/identity-manager/identity-manager.mts"],"names":[],"mappings":"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"}

package/dist/ui/component/identity/identity-manager/identity-manager.html

@@ -0,0 +1,19 @@
+<div id="container" class="component-container">
+    <header id="identity-manager-header">
+        <h2 id="title">Identity Manager</h2>
+        <div class="tabs-row">
+            <div id="identity-tabs" class="tabs-list">
+                <!-- Tabs will be dynamically injected here -->
+            </div>
+            <button id="btn-add-identity" class="icon-btn" title="Create or Load Identity">+</button>
+        </div>
+    </header>
+
+    <div id="identity-manager-content" class="content">
+        <!-- Active child or keystone-creator gets injected here -->
+        <div id="no-identity-placeholder" class="placeholder-view">
+            <p>No Domain Identities loaded. Create or load one to begin.</p>
+            <button id="btn-create-placeholder" class="action-btn">Create/Load Identity</button>
+        </div>
+    </div>
+</div>