@ti-engine/web-framework 1.19.0 → 1.20.0

package/bin/static/fragments/frame-login.html

@@ -1,120 +1,120 @@
-<div id="ti-login" x-data="tiLoginTestUserPanel">
-    <div class="ti-login-container">
-        <!-- Brand mark -->
-        <div class="ti-login-brand">
-            <div class="ti-login-brand-mark">T</div>
-            <div class="ti-login-brand-text">
-                <div class="ti-login-brand-title">Welcome back</div>
-                <div class="ti-login-brand-sub">Sign in to continue</div>
-            </div>
-        </div>
-
-        <!-- Login card -->
-        <div class="ti-login-card">
-            <!-- Error message -->
-            <div id="ti-error" class="ti-login-error"></div>
-
-            <!--ti-auth-method:local-->
-            <!-- Local auth form -->
-            <form id="ti-login-form" action="/login/local" method="post" class="ti-login-form">
-                <input type="hidden" name="_csrf" value='{ti-csrf-placeholder}'>
-                <div>
-                    <label class="ti-field-label" x-text-label="interface.default.login.username" for="ti-username">Username</label>
-                    <input id="ti-username"
-                           name="username"
-                           autocomplete="username"
-                           autocapitalize="none"
-                           spellcheck="false"
-                           required class="ti-input"
-                           placeholder="Enter your username"/>
-                </div>
-                <div>
-                    <label class="ti-field-label" x-text-label="interface.default.login.password" for="ti-password">Password</label>
-                    <input id="ti-password"
-                           name="password"
-                           type="password"
-                           autocomplete="current-password"
-                           enterkeyhint="go"
-                           required class="ti-input"
-                           placeholder="Enter your password"/>
-                </div>
-                <button type="submit" class="ti-btn primary lg full ti-login-submit">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                         stroke-linejoin="round" aria-hidden="true">
-                        <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3"/>
-                    </svg>
-                    <span x-text-label="interface.default.login.sign-in">Sign In</span>
-                </button>
-            </form>
-            <!--/ti-auth-method-->
-
-            <!--ti-auth-divider-->
-            <!-- Divider -->
-            <div class="ti-login-divider">
-                <div class="ti-login-divider-line"></div>
-                <span class="ti-login-divider-label">or continue with</span>
-                <div class="ti-login-divider-line"></div>
-            </div>
-            <!--/ti-auth-divider-->
-
-            <!--ti-auth-social-->
-            <!-- Social auth -->
-            <div class="ti-login-social">
-                <!--ti-auth-method:openid-google-->
-                <a href="/login/openid-google" class="ti-btn full">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-                        <path d="M21.6 12.23c0-.68-.06-1.33-.17-1.96H12v3.71h5.39a4.6 4.6 0 0 1-2 3.02v2.51h3.23c1.9-1.74 2.98-4.31 2.98-7.28Z" fill="#4285F4"/>
-                        <path d="M12 22c2.7 0 4.97-.9 6.62-2.42l-3.23-2.51c-.9.6-2.04.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.07v2.6A10 10 0 0 0 12 22Z"
-                              fill="#34A853"/>
-                        <path d="M6.4 13.91A6.01 6.01 0 0 1 6.4 12c0-.66.11-1.3.31-1.91V7.49H3.07A10 10 0 0 0 2 12c0 1.61.39 3.14 1.07 4.51l3.33-2.6Z"
-                              fill="#FBBC05"/>
-                        <path d="M12 5.97c1.47 0 2.79.5 3.83 1.5l2.87-2.87C16.96 2.99 14.7 2 12 2A10 10 0 0 0 3.07 7.49l3.33 2.6C7.19 7.73 9.4 5.97 12 5.97Z"
-                              fill="#EA4335"/>
-                    </svg>
-                    <span x-text-label="interface.default.login.sign-in-google">Sign in with Google</span>
-                </a>
-                <!--/ti-auth-method-->
-                <!--ti-auth-method:openid-azure-->
-                <a href="/login/openid-azure" class="ti-btn full">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-                        <path d="M11.5 2L4 8.5l4 1-4 6.5h8l-2-4 4-1-2.5 8H20L14 2h-2.5Z" fill="#0078D4"/>
-                    </svg>
-                    <span x-text-label="interface.default.login.sign-in-azure">Sign in with Azure</span>
-                </a>
-                <!--/ti-auth-method-->
-            </div>
-            <!--/ti-auth-social-->
-
-            <!--ti-auth-none-->
-            <!-- Shown only when no authentication method is enabled/configured. -->
-            <div class="ti-login-empty">No sign-in method is configured. Please contact your administrator.</div>
-            <!--/ti-auth-none-->
-        </div>
-
-        <!-- TEMPORARY: Test user selector for augmentSession() experimentation. Remove once AD-driven identity is wired up. -->
-        <div class="ti-login-test-panel" role="group" aria-label="Test user selector">
-            <div class="ti-login-test-panel-title">Test user</div>
-            <div class="ti-login-test-panel-sub">Pick an identity to inject on login. Roles are derived from the org chart unless you override them.</div>
-            <div class="ti-login-test-panel-pills">
-                <template x-for="profile in profiles" :key="profile.employeeID">
-                    <button type="button"
-                            class="ti-login-test-pill"
-                            x-bind:class="{ selected: isSelected(profile) }"
-                            x-bind:aria-pressed="isSelected(profile)"
-                            x-on:click="select(profile)">
-                        <span class="ti-login-test-pill-id" x-text="'#' + profile.employeeID"></span>
-                        <span class="ti-login-test-pill-roles" x-text="'roles ' + profile.roles.join(', ')"></span>
-                    </button>
-                </template>
-                <button type="button"
-                        class="ti-login-test-pill ghost"
-                        x-show="selected"
-                        x-on:click="clear()">Clear</button>
-            </div>
-            <label class="ti-login-test-panel-override">
-                <input type="checkbox" x-model="overrideRoles" x-on:change="onOverrideChanged()"/>
-                <span>Override roles (dev) — inject this profile's role list instead of deriving</span>
-            </label>
-        </div>
-    </div>
+<div id="ti-login" x-data="tiLoginTestUserPanel">
+    <div class="ti-login-container">
+        <!-- Brand mark -->
+        <div class="ti-login-brand">
+            <div class="ti-login-brand-mark">T</div>
+            <div class="ti-login-brand-text">
+                <div class="ti-login-brand-title">Welcome back</div>
+                <div class="ti-login-brand-sub">Sign in to continue</div>
+            </div>
+        </div>
+
+        <!-- Login card -->
+        <div class="ti-login-card">
+            <!-- Error message -->
+            <div id="ti-error" class="ti-login-error"></div>
+
+            <!--ti-auth-method:local-->
+            <!-- Local auth form -->
+            <form id="ti-login-form" action="/login/local" method="post" class="ti-login-form">
+                <input type="hidden" name="_csrf" value='{ti-csrf-placeholder}'>
+                <div>
+                    <label class="ti-field-label" x-text-label="interface.default.login.username" for="ti-username">Username</label>
+                    <input id="ti-username"
+                           name="username"
+                           autocomplete="username"
+                           autocapitalize="none"
+                           spellcheck="false"
+                           required class="ti-input"
+                           placeholder="Enter your username"/>
+                </div>
+                <div>
+                    <label class="ti-field-label" x-text-label="interface.default.login.password" for="ti-password">Password</label>
+                    <input id="ti-password"
+                           name="password"
+                           type="password"
+                           autocomplete="current-password"
+                           enterkeyhint="go"
+                           required class="ti-input"
+                           placeholder="Enter your password"/>
+                </div>
+                <button type="submit" class="ti-btn primary lg full ti-login-submit">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                         stroke-linejoin="round" aria-hidden="true">
+                        <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3"/>
+                    </svg>
+                    <span x-text-label="interface.default.login.sign-in">Sign In</span>
+                </button>
+            </form>
+            <!--/ti-auth-method-->
+
+            <!--ti-auth-divider-->
+            <!-- Divider -->
+            <div class="ti-login-divider">
+                <div class="ti-login-divider-line"></div>
+                <span class="ti-login-divider-label">or continue with</span>
+                <div class="ti-login-divider-line"></div>
+            </div>
+            <!--/ti-auth-divider-->
+
+            <!--ti-auth-social-->
+            <!-- Social auth -->
+            <div class="ti-login-social">
+                <!--ti-auth-method:openid-google-->
+                <a href="/login/openid-google" class="ti-btn full">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                        <path d="M21.6 12.23c0-.68-.06-1.33-.17-1.96H12v3.71h5.39a4.6 4.6 0 0 1-2 3.02v2.51h3.23c1.9-1.74 2.98-4.31 2.98-7.28Z" fill="#4285F4"/>
+                        <path d="M12 22c2.7 0 4.97-.9 6.62-2.42l-3.23-2.51c-.9.6-2.04.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.07v2.6A10 10 0 0 0 12 22Z"
+                              fill="#34A853"/>
+                        <path d="M6.4 13.91A6.01 6.01 0 0 1 6.4 12c0-.66.11-1.3.31-1.91V7.49H3.07A10 10 0 0 0 2 12c0 1.61.39 3.14 1.07 4.51l3.33-2.6Z"
+                              fill="#FBBC05"/>
+                        <path d="M12 5.97c1.47 0 2.79.5 3.83 1.5l2.87-2.87C16.96 2.99 14.7 2 12 2A10 10 0 0 0 3.07 7.49l3.33 2.6C7.19 7.73 9.4 5.97 12 5.97Z"
+                              fill="#EA4335"/>
+                    </svg>
+                    <span x-text-label="interface.default.login.sign-in-google">Sign in with Google</span>
+                </a>
+                <!--/ti-auth-method-->
+                <!--ti-auth-method:openid-azure-->
+                <a href="/login/openid-azure" class="ti-btn full">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                        <path d="M11.5 2L4 8.5l4 1-4 6.5h8l-2-4 4-1-2.5 8H20L14 2h-2.5Z" fill="#0078D4"/>
+                    </svg>
+                    <span x-text-label="interface.default.login.sign-in-azure">Sign in with Azure</span>
+                </a>
+                <!--/ti-auth-method-->
+            </div>
+            <!--/ti-auth-social-->
+
+            <!--ti-auth-none-->
+            <!-- Shown only when no authentication method is enabled/configured. -->
+            <div class="ti-login-empty">No sign-in method is configured. Please contact your administrator.</div>
+            <!--/ti-auth-none-->
+        </div>
+
+        <!-- TEMPORARY: Test user selector for augmentSession() experimentation. Remove once AD-driven identity is wired up. -->
+        <div class="ti-login-test-panel" role="group" aria-label="Test user selector">
+            <div class="ti-login-test-panel-title">Test user</div>
+            <div class="ti-login-test-panel-sub">Pick an identity to inject on login. Roles are derived from the org chart unless you override them.</div>
+            <div class="ti-login-test-panel-pills">
+                <template x-for="profile in profiles" :key="profile.employeeID">
+                    <button type="button"
+                            class="ti-login-test-pill"
+                            x-bind:class="{ selected: isSelected(profile) }"
+                            x-bind:aria-pressed="isSelected(profile)"
+                            x-on:click="select(profile)">
+                        <span class="ti-login-test-pill-id" x-text="'#' + profile.employeeID"></span>
+                        <span class="ti-login-test-pill-roles" x-text="'roles ' + profile.roles.join(', ')"></span>
+                    </button>
+                </template>
+                <button type="button"
+                        class="ti-login-test-pill ghost"
+                        x-show="selected"
+                        x-on:click="clear()">Clear</button>
+            </div>
+            <label class="ti-login-test-panel-override">
+                <input type="checkbox" x-model="overrideRoles" x-on:change="onOverrideChanged()"/>
+                <span>Override roles (dev) — inject this profile's role list instead of deriving</span>
+            </label>
+        </div>
+    </div>
 </div>

package/bin/static/fragments/frame-not-found.html

@@ -1,3 +1,3 @@
-<div id="ti-not-found" class="ti-content">
-    <span>Not found</span>
+<div id="ti-not-found" class="ti-content">
+    <span>Not found</span>
 </div>

package/bin/static/fragments/frame-profile.html

@@ -1,3 +1,3 @@
-<div>
-    <span>Profile</span>
+<div>
+    <span>Profile</span>
 </div>

package/bin/static/index.html

@@ -1,23 +1,23 @@
-<!DOCTYPE html>
-<html lang="en" data-theme="daylight">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <meta name="htmx-config" content='{ti-htmx-config-placeholder}'/>
-    <title id="ti-page-title">Main Page</title>
-    <link rel="icon" href="/static/favicon.ico" type="image/ico">
-    <script defer src="/static/scripts/ti-framework.js" nonce='{ti-nonce-placeholder}'></script>
-    <script defer src="/static/scripts/ti-charts.js" nonce='{ti-nonce-placeholder}'></script>
-    <script defer src="/static/scripts/lib/alpinejs-csp.min.js" nonce='{ti-nonce-placeholder}'></script>
-    <script defer src="/static/scripts/lib/htmx.min.js" nonce='{ti-nonce-placeholder}'></script>
-    <script defer src="/static/scripts/lib/safe-nonce.min.js" nonce='{ti-nonce-placeholder}'></script>
-    <link rel="stylesheet" type="text/css" href="/static/scripts/ti-framework.css"/>
-    <link rel="stylesheet" type="text/css" href="/static/scripts/ti-theme-daylight.css"/>
-    <link rel="stylesheet" type="text/css" href="/static/scripts/ti-theme-black-glass.css"/>
-</head>
-<body hx-ext="safe-nonce">
-<div id="ti-main" class="ti-main">
-    <ti-nested-frame-placeholder hx-get="/app/enter" hx-trigger="load" hx-target="this" hx-swap="outerHTML"></ti-nested-frame-placeholder>
-</div>
-</body>
+<!DOCTYPE html>
+<html lang="en" data-theme="daylight">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="htmx-config" content='{ti-htmx-config-placeholder}'/>
+    <title id="ti-page-title">Main Page</title>
+    <link rel="icon" href="/static/favicon.ico" type="image/ico">
+    <script defer src="/static/scripts/ti-framework.js" nonce='{ti-nonce-placeholder}'></script>
+    <script defer src="/static/scripts/ti-charts.js" nonce='{ti-nonce-placeholder}'></script>
+    <script defer src="/static/scripts/lib/alpinejs-csp.min.js" nonce='{ti-nonce-placeholder}'></script>
+    <script defer src="/static/scripts/lib/htmx.min.js" nonce='{ti-nonce-placeholder}'></script>
+    <script defer src="/static/scripts/lib/safe-nonce.min.js" nonce='{ti-nonce-placeholder}'></script>
+    <link rel="stylesheet" type="text/css" href="/static/scripts/ti-framework.css"/>
+    <link rel="stylesheet" type="text/css" href="/static/scripts/ti-theme-daylight.css"/>
+    <link rel="stylesheet" type="text/css" href="/static/scripts/ti-theme-black-glass.css"/>
+</head>
+<body hx-ext="safe-nonce">
+<div id="ti-main" class="ti-main">
+    <ti-nested-frame-placeholder hx-get="/app/enter" hx-trigger="load" hx-target="this" hx-swap="outerHTML"></ti-nested-frame-placeholder>
+</div>
+</body>
 </html>