@@ -10389,10 +10389,10 @@
1038910389 @keyframes lcOrbitRun { from { offset-distance: 0%; } to { offset-distance: 100%; } }
1039010390 .lc-orbit-trail {
1039110391 fill: none; stroke: var(--r-cyan, #00BFFF); stroke-width: 2.6; stroke-linecap: round;
10392- stroke-dasharray: 8 92 ; opacity: 0.5;
10392+ stroke-dasharray: 92 8 ; opacity: 0.5;
1039310393 animation: lcOrbitTrail 7s linear infinite;
1039410394 }
10395- @keyframes lcOrbitTrail { from { stroke-dashoffset: 8 ; } to { stroke-dashoffset: -92 ; } }
10395+ @keyframes lcOrbitTrail { from { stroke-dashoffset: 92 ; } to { stroke-dashoffset: -8 ; } }
1039610396 .lc-live .lc-orbit-mark, .lc-live .lc-orbit-trail { opacity: 0; }
1039710397 .arch-lifecycle-strip:not(.lc-live) .lc-spoke {
1039810398 animation: lcSpokePass 7s ease-in-out infinite;
1061310613 .lc-in-diagram .lc-sat .lifecycle-label { font-size: clamp(7.5px, 1.15cqw, 10px); }
1061410614 .lc-in-diagram .lc-hub-tick { top: 6%; right: 6%; transform: none; }
1061510615 }
10616+ /* Hub: the user's workspace window replaces the single glyph. */
10617+ .lc-hub-ico.lc-hub-ico-win, .lc-in-diagram .lc-hub-ico.lc-hub-ico-win {
10618+ width: clamp(44px, 9.6cqw, 88px); height: auto; aspect-ratio: 64 / 56; margin-top: 2px;
10619+ border-radius: 0; background: transparent; box-shadow: none; order: 0;
10620+ filter: drop-shadow(0 4px 10px rgba(0, 0, 204, 0.18));
10621+ }
10622+ .lc-hub-ico.lc-hub-ico-win svg, .lc-in-diagram .lc-hub-ico.lc-hub-ico-win svg { width: 100%; height: 100%; display: block; }
1061610623</style>
1061710624 </head>
1061810625
@@ -13812,14 +13819,14 @@ <h2 id="alm-modal-title" class="text-2xl font-bold tracking-tight text-[#1A1A2E]
1381213819 const img = (app, cls) => `<img class="${cls || ''}" src="${app.img}" alt="${app.name}" draggable="false">`;
1381313820
1381413821 const CHAPTERS = [
13815- ['Acme Corp. ', 'A consistent application experience wherever work happens.'],
13816- ['Maya \u00b7 Finance \u00b7 Windows laptop', ' Maya sees the applications available to her.'],
13817- ['Maya opens Power BI ', 'Smart icons: every click is checked, wherever she opens it from.'],
13818- ['Maya on any device', 'Windows 365 and Mac, side by side \u2014 the same workspace on physical and virtual devices.'],
13819- ['Applications stay current ', 'Kept up to date without adding complexity for the user.'],
13820- ['Same laptop, different person ', 'Alex signs in to Maya\u2019s device. The tiles wipe to his set.'],
13821- ['Alex requests an application', ' Employees can request the applications they need.'],
13822- ['Embedded or portal ', 'The same workspace inside Teams or SharePoint, or on its own.'],
13822+ ['Your brand, your workspace ', 'Acme\u2019s own branded experience. A consistent application experience wherever work happens.'],
13823+ ['One workspace per person', ' Maya \u00b7 Finance \u00b7 Windows laptop. Maya sees the applications available to her.'],
13824+ ['Smart icons, built-in rules ', 'Maya opens Power BI. Every click is checked, wherever she opens it from.'],
13825+ ['Same experience on every device', 'Windows 365 and Mac, side by side \u2014 the same workspace on physical and virtual devices.'],
13826+ ['Updates without tickets ', 'Applications stay current, without adding complexity for the user.'],
13827+ ['Shared devices, personal workspace ', 'Alex signs in to Maya\u2019s device. The tiles wipe to his set.'],
13828+ ['Request, route, approve, install', ' Alex requests an application. Employees can request the applications they need.'],
13829+ ['Embedded in Teams or standalone ', 'The same workspace inside Teams or SharePoint, or on its own.'],
1382313830 ];
1382413831 const CHAPTER_PH = ['bare','boot','launch','catalog','clicking','checking','routing','config'];
1382513832 const chap = ({ 0:0, 1:0, 2:1, 3:2, 4:3, 5:4, 6:5, 7:6, 8:7 })[scene];
@@ -14175,23 +14182,24 @@ <h2 id="alm-modal-title" class="text-2xl font-bold tracking-tight text-[#1A1A2E]
1417514182 const rsteps = [
1417614183 ['inbox', 'Request received', 'Tableau Desktop \u00b7 Alex Rivera \u00b7 Sales', 2000],
1417714184 ['git-branch', 'Routed by request type', 'Licensed app \u2192 manager approval', 2600],
14178- ['user-check', 'Approved', 'J. Torres (manager) \u00b7 1 tap in Teams', 3200],
14179- ['package-check', 'Delivered', 'License assigned \u00b7 added to Alex\u2019s workspace', 3800],
14185+ ['ticket', 'Logged in ServiceNow', 'RITM0048213 \u00b7 approvals, cost and audit', 3200],
14186+ ['user-check', 'Approved', 'J. Torres (manager) \u00b7 1 tap in Teams', 3800],
14187+ ['package-check', 'Delivered', 'ServiceNow approved \u2192 installed automatically \u00b7 added to Alex\u2019s workspace', 4400],
1418014188 ];
1418114189 stage = `<div class="us-story">
1418214190 <div class="rw-bts">
1418314191 <div class="rw-bts-dev">
1418414192 ${laptop('win', winDesktop(winFrame('Acme Workspace', appIcon, wsCatalog(alex), { cls: 'rw-win-app' }), { overlay: toast(`
1418514193 <div class="rw-toast-h">${appIcon}<span>Acme Workspace</span><em>now</em></div>
1418614194 <div class="rw-toast-b">${img(req, 'rw-toast-ico')}<div><b>Request submitted</b><span>You\u2019ll be notified when ${req.name} is ready.</span></div></div>`, 1900) }), 'Windows laptop')}
14187- <div class="rw-bts-user us-in" style="--d:4300ms "><i data-lucide="ticket-x"></i>No ticket. No email chain.</div>
14195+ <div class="rw-bts-user us-in" style="--d:4900ms "><i data-lucide="ticket-x"></i>No ticket. No email chain.</div>
1418814196 </div>
1418914197 <div class="rw-bts-link us-in" style="--d:1900ms"><i></i><span><i data-lucide="workflow"></i></span><i></i></div>
1419014198 <aside class="rw-bts-panel us-in" style="--d:1800ms">
1419114199 <div class="rw-bts-head"><span class="rw-bts-k">Behind the scenes</span><span class="rw-bts-t">${img(req, 'rw-bts-ico')}<b>${req.name} Desktop</b></span>
1419214200 <span class="rw-bts-route"><em class="us-in" style="--d:2400ms"><i data-lucide="zap"></i>Free app \u00b7 auto</em><b class="us-in" style="--d:2600ms"><i data-lucide="user-check"></i>Licensed \u00b7 manager</b></span></div>
1419314201 ${btsList(rsteps)}
14194- <div class="rw-bts-foot us-in" style="--d:4400ms "><i data-lucide="clock"></i>Request to ready \u00b7 4 minutes</div>
14202+ <div class="rw-bts-foot us-in" style="--d:5000ms "><i data-lucide="clock"></i>Request to ready \u00b7 4 minutes</div>
1419514203 </aside>
1419614204 </div>
1419714205 </div>`;
@@ -17744,7 +17752,17 @@ <h2 id="alm-modal-title" class="text-2xl font-bold tracking-tight text-[#1A1A2E]
1774417752 ${it.isCurrent ? `<svg class="lc-hub-prog" viewBox="0 0 100 100" aria-hidden="true" focusable="false"><circle class="lc-hub-prog-c" cx="50" cy="50" r="49" pathLength="100" style="animation-duration:${LC_DWELL[it.idx] || 9000}ms;animation-delay:-${elapsed}ms"/></svg>` : ''}
1774517753 <button type="button" data-action="toggle-solution-view" data-view="${it.view}" class="lc-hub-btn ${it.active ? 'active' : ''}" aria-label="${it.stage}: ${it.name}">
1774617754 <span class="lifecycle-label lc-hub-stage ${lblClass}">${it.stage}${count}</span>
17747- <span class="lc-hub-ico"><i data-lucide="${it.icon}"></i></span>
17755+ <span class="lc-hub-ico lc-hub-ico-win" aria-hidden="true"><svg viewBox="0 0 64 56" focusable="false">
17756+ <rect x="1" y="1" width="62" height="54" rx="6" fill="#FFFFFF" stroke="#DDDDEE"/>
17757+ <path d="M1 7a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6v5H1z" fill="#0000CC"/>
17758+ <circle cx="7" cy="6.5" r="1.4" fill="#FFFFFF" opacity=".85"/><circle cx="11.5" cy="6.5" r="1.4" fill="#FFFFFF" opacity=".85"/><circle cx="16" cy="6.5" r="1.4" fill="#FFFFFF" opacity=".85"/>
17759+ <g transform="translate(13 22)"><circle r="6" fill="#DB4437"/><path d="M0 0L-5.2 -3A6 6 0 0 1 5.2 -3z" fill="#F4B400"/><path d="M0 0L5.2 -3A6 6 0 0 1 0 6z" fill="#0F9D58"/><path d="M0 0L0 6A6 6 0 0 1 -5.2 -3z" fill="#DB4437"/><circle r="2.6" fill="#FFFFFF"/><circle r="1.7" fill="#4285F4"/></g>
17760+ <g transform="translate(32 22)"><circle r="6" fill="#4B53BC"/><text x="0" y="2.6" text-anchor="middle" font-family="Inter, Helvetica, Arial, sans-serif" font-weight="800" font-size="7.5" fill="#FFFFFF">T</text></g>
17761+ <g transform="translate(51 22)"><circle r="6" fill="#2D8CFF"/><rect x="-3.6" y="-2.2" width="5" height="4.4" rx="1" fill="#FFFFFF"/><path d="M1.6 -0.8l2.2 -1.4v4.4l-2.2 -1.4z" fill="#FFFFFF"/></g>
17762+ <g transform="translate(13 40)"><circle r="6" fill="#EC1C24"/><text x="0" y="2.6" text-anchor="middle" font-family="Inter, Helvetica, Arial, sans-serif" font-weight="800" font-size="7.5" fill="#FFFFFF">A</text></g>
17763+ <g transform="translate(32 40)"><circle r="6" fill="#FFFFFF" stroke="#DDDDEE" stroke-width=".8"/><g stroke-width="1.4" stroke-linecap="round" fill="none"><path d="M-1.2 -3.4v2.6" stroke="#36C5F0"/><path d="M1.2 0.8v2.6" stroke="#2EB67D"/><path d="M-3.4 1.2h2.6" stroke="#E01E5A"/><path d="M0.8 -1.2h2.6" stroke="#ECB22E"/></g></g>
17764+ <g transform="translate(51 40)"><circle r="6" fill="#107C41"/><text x="0" y="2.6" text-anchor="middle" font-family="Inter, Helvetica, Arial, sans-serif" font-weight="800" font-size="7.5" fill="#FFFFFF">X</text></g>
17765+ </svg></span>
1774817766 <span class="lc-hub-name">${it.name}</span>
1774917767 </button>
1775017768 ${it.isDone ? `<span class="lc-hub-tick" aria-hidden="true">${TICK}</span>` : ''}
0 commit comments