sh3-core 0.15.3 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BrandSlot.svelte +9 -9
- package/dist/{Shell.svelte → Sh3.svelte} +65 -65
- package/dist/Sh3.svelte.d.ts +5 -0
- package/dist/__test__/render.js +1 -1
- package/dist/actions/ActionPanel.svelte +3 -3
- package/dist/actions/CommandPalette.svelte +2 -2
- package/dist/actions/MenuBar.svelte +1 -1
- package/dist/actions/MenuBar.test.js +1 -1
- package/dist/actions/MenuButton.svelte +3 -3
- package/dist/actions/dispatcher.svelte.js +1 -1
- package/dist/actions/listActive.js +1 -1
- package/dist/actions/listeners.js +6 -6
- package/dist/actions/selection.svelte.d.ts +2 -2
- package/dist/actions/selection.svelte.js +4 -4
- package/dist/actions/selection.test.js +1 -1
- package/dist/actions/{shellActions.test.js → sh3Actions.test.js} +14 -14
- package/dist/actions/state.svelte.d.ts +3 -3
- package/dist/actions/state.svelte.js +3 -3
- package/dist/actions/syncMountedViewIds.test.js +1 -1
- package/dist/actions/types.d.ts +1 -1
- package/dist/api.d.ts +5 -5
- package/dist/api.js +7 -7
- package/dist/app/admin/ApiKeysView.svelte +9 -9
- package/dist/app/admin/AuthSettingsView.svelte +6 -6
- package/dist/app/admin/SystemView.svelte +12 -12
- package/dist/app/admin/UsersView.svelte +8 -8
- package/dist/app/store/AppUpdateAvailableModal.svelte +14 -14
- package/dist/app/store/PermissionConfirmModal.svelte +20 -20
- package/dist/app/store/StoreView.svelte +51 -51
- package/dist/app/store/UninstallAppDialog.svelte +14 -14
- package/dist/app/store/storeShard.svelte.js +1 -1
- package/dist/app/store/verbs.js +1 -1
- package/dist/apps/lifecycle.d.ts +1 -1
- package/dist/apps/lifecycle.js +4 -4
- package/dist/apps/lifecycle.test.js +5 -5
- package/dist/apps/registry.svelte.d.ts +2 -2
- package/dist/apps/registry.svelte.js +3 -3
- package/dist/apps/types.d.ts +1 -1
- package/dist/auth/GuestBanner.svelte +19 -19
- package/dist/auth/SignInWall.svelte +17 -17
- package/dist/auth/auth.svelte.d.ts +1 -1
- package/dist/auth/auth.svelte.js +1 -1
- package/dist/boot/satellitePayload.js +1 -1
- package/dist/color/api.d.ts +1 -1
- package/dist/color/api.js +1 -1
- package/dist/color/{shell-api.js → sh3-api.js} +3 -3
- package/dist/conflicts/ConflictModal.svelte +1 -1
- package/dist/conflicts/ConflictModal.svelte.d.ts +1 -1
- package/dist/conflicts/DetailView.svelte +19 -19
- package/dist/conflicts/PromptView.svelte +9 -9
- package/dist/conflicts/adapter-documents.js +1 -1
- package/dist/conflicts/api.d.ts +1 -1
- package/dist/conflicts/api.js +2 -2
- package/dist/conflicts/renderer-registry.js +1 -1
- package/dist/conflicts/renderers/MetaOnlyRenderer.svelte +8 -8
- package/dist/conflicts/renderers/TextDiffRenderer.svelte +15 -15
- package/dist/conflicts/renderers/index.js +1 -1
- package/dist/conflicts/resolve-primitive.js +1 -1
- package/dist/conflicts/{shell-api.js → sh3-api.js} +2 -2
- package/dist/contributions/registry.js +1 -1
- package/dist/createShell.d.ts +2 -2
- package/dist/createShell.js +6 -6
- package/dist/host-entry.d.ts +1 -1
- package/dist/host-entry.js +2 -2
- package/dist/host.js +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/keys/ConsentDialog.svelte +15 -15
- package/dist/keys/consent.svelte.d.ts +2 -2
- package/dist/keys/consent.svelte.js +3 -3
- package/dist/keys/revocation-bus.svelte.d.ts +3 -3
- package/dist/keys/revocation-bus.svelte.js +3 -3
- package/dist/layout/DragPreview.svelte +9 -9
- package/dist/layout/LayoutRenderer.browser.test.js +2 -2
- package/dist/layout/LayoutRenderer.svelte +4 -4
- package/dist/layout/SlotContainer.svelte +12 -12
- package/dist/layout/SlotDropZone.svelte +2 -2
- package/dist/layout/inspection.d.ts +1 -1
- package/dist/layout/inspection.js +1 -1
- package/dist/layout/store.svelte.js +3 -3
- package/dist/layout/types.d.ts +1 -1
- package/dist/layouts-shard/LayoutSaveModal.svelte +20 -20
- package/dist/layouts-shard/LayoutsSection.svelte +11 -11
- package/dist/layouts-shard/filter.test.js +3 -3
- package/dist/layouts-shard/layoutsApi.test.js +3 -3
- package/dist/layouts-shard/layoutsShard.svelte.test.js +7 -7
- package/dist/migrations/mode-id-rename.js +2 -2
- package/dist/overlays/ConfirmDialog.svelte +8 -8
- package/dist/overlays/EntityAppearanceModal.svelte +19 -19
- package/dist/overlays/FloatFrame.svelte +20 -20
- package/dist/overlays/FloatLayer.svelte +1 -1
- package/dist/overlays/ModalFrame.svelte +5 -5
- package/dist/overlays/PopupFrame.svelte +4 -4
- package/dist/overlays/ToastItem.svelte +12 -12
- package/dist/overlays/float.d.ts +2 -2
- package/dist/overlays/float.js +3 -3
- package/dist/overlays/float.test.js +6 -6
- package/dist/overlays/modal.js +1 -1
- package/dist/overlays/modal.test.js +2 -2
- package/dist/overlays/parentHost.js +2 -2
- package/dist/overlays/parentHost.test.js +5 -5
- package/dist/overlays/popup.js +2 -2
- package/dist/overlays/popup.test.js +2 -2
- package/dist/overlays/roots.js +4 -4
- package/dist/overlays/toast.js +1 -1
- package/dist/overlays/types.js +3 -3
- package/dist/primitives/Button.svelte +16 -16
- package/dist/primitives/Collapsible.svelte +11 -11
- package/dist/primitives/ResizableSplitter.svelte +10 -10
- package/dist/primitives/TabbedPanel.svelte +19 -19
- package/dist/primitives/base.css +57 -57
- package/dist/primitives/widgets/ColorSwatch.svelte +15 -15
- package/dist/primitives/widgets/ColorSwatch.svelte.test.js +4 -4
- package/dist/primitives/widgets/Field.svelte +20 -20
- package/dist/primitives/widgets/FilePicker.svelte +13 -13
- package/dist/primitives/widgets/IconPicker.svelte +14 -14
- package/dist/primitives/widgets/IconToggleGroup.svelte +14 -14
- package/dist/primitives/widgets/NumberInput.svelte +17 -17
- package/dist/primitives/widgets/PickerList.svelte +17 -17
- package/dist/primitives/widgets/RangeSlider.svelte +16 -16
- package/dist/primitives/widgets/Segmented.svelte +16 -16
- package/dist/primitives/widgets/Select.svelte +14 -14
- package/dist/primitives/widgets/Select.svelte.test.js +2 -2
- package/dist/primitives/widgets/Slider.svelte +20 -20
- package/dist/primitives/widgets/SliderGroup.svelte +2 -2
- package/dist/primitives/widgets/Textarea.svelte +13 -13
- package/dist/primitives/widgets/_select-listbox.svelte +15 -15
- package/dist/projects/session-state.svelte.js +1 -1
- package/dist/projects-shard/DeleteProjectDialog.svelte +12 -12
- package/dist/projects-shard/ProjectManage.svelte +25 -25
- package/dist/projects-shard/ProjectsSection.svelte +12 -12
- package/dist/registry/installer.d.ts +2 -2
- package/dist/registry/installer.js +2 -2
- package/dist/registry/loader.js +1 -1
- package/dist/registry/permission-descriptions.js +2 -2
- package/dist/registry/permission-descriptions.test.js +1 -1
- package/dist/runtime/runVerb-shell.test.js +2 -2
- package/dist/runtime/runVerb.js +4 -4
- package/dist/runtime/runVerb.test.js +4 -4
- package/dist/satellite/SatelliteShell.svelte +2 -2
- package/dist/{shell → sh3}/views/KeysAndPeers.svelte +7 -7
- package/dist/sh3Api/headless.d.ts +4 -0
- package/dist/{shell-shard/shellApi.js → sh3Api/headless.js} +5 -5
- package/dist/{shell-shard/shellApi.svelte.test.js → sh3Api/headless.svelte.test.js} +11 -11
- package/dist/{shellApi → sh3Api}/window.js +2 -2
- package/dist/{shellApi → sh3Api}/window.test.js +1 -1
- package/dist/{shellRuntime.svelte.d.ts → sh3Runtime.svelte.d.ts} +22 -10
- package/dist/{shellRuntime.svelte.js → sh3Runtime.svelte.js} +12 -10
- package/dist/sh3Runtime.svelte.test.d.ts +1 -0
- package/dist/sh3Runtime.svelte.test.js +46 -0
- package/dist/sh3core-shard/AppInfoView.svelte +19 -19
- package/dist/sh3core-shard/{ShellHome.svelte → Sh3Home.svelte} +82 -82
- package/dist/sh3core-shard/Sh3Home.svelte.d.ts +3 -0
- package/dist/sh3core-shard/{ShellTitle.svelte → Sh3Title.svelte} +11 -11
- package/dist/sh3core-shard/Sh3Title.svelte.d.ts +3 -0
- package/dist/sh3core-shard/appActions.js +3 -3
- package/dist/sh3core-shard/sh3coreShard.svelte.js +7 -7
- package/dist/shards/activate.svelte.d.ts +1 -1
- package/dist/shards/activate.svelte.js +6 -6
- package/dist/shards/types.d.ts +5 -5
- package/dist/shards/types.js +2 -2
- package/dist/shell-shard/CommandLine.svelte +7 -7
- package/dist/shell-shard/InputLine.svelte +3 -3
- package/dist/shell-shard/ScrollbackView.svelte +2 -2
- package/dist/shell-shard/Terminal.svelte +5 -5
- package/dist/shell-shard/Terminal.svelte.d.ts +2 -2
- package/dist/shell-shard/dispatch-custom.test.js +2 -2
- package/dist/shell-shard/dispatch-gating.test.js +2 -2
- package/dist/shell-shard/dispatch-invoke.test.js +2 -2
- package/dist/shell-shard/dispatch-to-terminal.js +1 -1
- package/dist/shell-shard/dispatch.d.ts +2 -2
- package/dist/shell-shard/dispatch.js +2 -2
- package/dist/shell-shard/entries/PromptEntry.svelte +4 -4
- package/dist/shell-shard/entries/StatusEntry.svelte +4 -4
- package/dist/shell-shard/entries/TextEntry.svelte +3 -3
- package/dist/shell-shard/locateSlot.test.js +9 -9
- package/dist/shell-shard/manifest.js +2 -2
- package/dist/shell-shard/registry.d.ts +2 -2
- package/dist/shell-shard/rich/AppCard.svelte +1 -1
- package/dist/shell-shard/rich/AppsTable.svelte +1 -1
- package/dist/shell-shard/rich/HelpTable.svelte +1 -1
- package/dist/shell-shard/rich/HistoryList.svelte +1 -1
- package/dist/shell-shard/rich/ViewsTable.svelte +1 -1
- package/dist/shell-shard/rich/ZoneTree.svelte +2 -2
- package/dist/shell-shard/shellShard.svelte.d.ts +1 -1
- package/dist/shell-shard/shellShard.svelte.js +8 -8
- package/dist/shell-shard/terminal-dispatch.test.js +2 -2
- package/dist/shell-shard/toolbar/Toolbar.svelte +4 -4
- package/dist/shell-shard/toolbar/Toolbar.svelte.d.ts +2 -2
- package/dist/shell-shard/toolbar/slots/BusySlot.svelte +2 -2
- package/dist/shell-shard/toolbar/slots/FocusLockSlot.svelte +2 -2
- package/dist/shell-shard/toolbar/slots/ModeSlot.svelte +1 -1
- package/dist/shell-shard/toolbar/slots/TargetShardSlot.svelte +1 -1
- package/dist/shell-shard/toolbar/slots.d.ts +3 -3
- package/dist/shell-shard/verbs/apps.js +3 -3
- package/dist/shell-shard/verbs/help.js +1 -1
- package/dist/shell-shard/verbs/help.svelte.test.js +1 -1
- package/dist/shell-shard/verbs/history.js +1 -1
- package/dist/shell-shard/verbs/mode.js +2 -2
- package/dist/shell-shard/verbs/mode.test.js +2 -2
- package/dist/shell-shard/verbs/shards.js +1 -1
- package/dist/shell-shard/verbs/views.js +8 -8
- package/dist/shell-shard/verbs/zones.js +2 -2
- package/dist/state/zones.svelte.d.ts +2 -2
- package/dist/state/zones.svelte.js +4 -4
- package/dist/theme.d.ts +3 -3
- package/dist/theme.js +5 -5
- package/dist/tokens.css +68 -68
- package/dist/verbs/types.d.ts +5 -5
- package/dist/verbs/types.js +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/dist/Shell.svelte.d.ts +0 -5
- package/dist/sh3core-shard/ShellHome.svelte.d.ts +0 -3
- package/dist/sh3core-shard/ShellTitle.svelte.d.ts +0 -3
- package/dist/shell-shard/shellApi.d.ts +0 -4
- /package/dist/actions/{shellActions.test.d.ts → sh3Actions.test.d.ts} +0 -0
- /package/dist/color/{shell-api.d.ts → sh3-api.d.ts} +0 -0
- /package/dist/conflicts/{shell-api.d.ts → sh3-api.d.ts} +0 -0
- /package/dist/{shell → sh3}/views/KeysAndPeers.svelte.d.ts +0 -0
- /package/dist/{shell-shard/shellApi.svelte.test.d.ts → sh3Api/headless.svelte.test.d.ts} +0 -0
- /package/dist/{shellApi → sh3Api}/window.d.ts +0 -0
- /package/dist/{shellApi → sh3Api}/window.test.d.ts +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
/*
|
|
3
|
-
*
|
|
3
|
+
* Sh3 home — the view shown when no app is active.
|
|
4
4
|
*
|
|
5
5
|
* Layout: a title header, a filter bar, then one grid per visible
|
|
6
6
|
* section (User apps always, Admin apps when elevated). Each app is
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
import { listRegisteredApps, launchApp, isAdmin, VERSION } from '../api';
|
|
11
|
-
import
|
|
11
|
+
import Sh3Title from './Sh3Title.svelte';
|
|
12
12
|
import ProjectsSection from '../projects-shard/ProjectsSection.svelte';
|
|
13
13
|
import LayoutsSection from '../layouts-shard/LayoutsSection.svelte';
|
|
14
14
|
import { sessionState } from '../projects/session-state.svelte';
|
|
15
15
|
import { projectsState } from '../projects-shard/projectsShard.svelte';
|
|
16
|
-
import {
|
|
16
|
+
import { sh3 } from '../sh3Runtime.svelte';
|
|
17
17
|
import { makeSelectionApi } from '../actions/selection.svelte';
|
|
18
18
|
import { getAppearance } from '../app-appearance';
|
|
19
19
|
import iconsUrl from '../assets/icons.svg';
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
function openAppContextMenu(event: MouseEvent, appId: string): void {
|
|
24
24
|
event.preventDefault();
|
|
25
25
|
homeSelection.set({ type: 'app', ref: { appId } });
|
|
26
|
-
|
|
26
|
+
sh3.actions.openContextMenu({
|
|
27
27
|
x: event.clientX,
|
|
28
28
|
y: event.clientY,
|
|
29
29
|
scope: { element: 'app' },
|
|
@@ -59,25 +59,25 @@
|
|
|
59
59
|
const totalVisible = $derived(userApps.length + (elevated ? adminApps.length : 0));
|
|
60
60
|
</script>
|
|
61
61
|
|
|
62
|
-
<div class="
|
|
63
|
-
<header class="
|
|
64
|
-
<div class="
|
|
65
|
-
<
|
|
66
|
-
<span class="
|
|
67
|
-
<span class="
|
|
62
|
+
<div class="sh3-home">
|
|
63
|
+
<header class="sh3-home-header">
|
|
64
|
+
<div class="sh3-home-title-row">
|
|
65
|
+
<Sh3Title/>
|
|
66
|
+
<span class="sh3-home-version">v{VERSION}</span>
|
|
67
|
+
<span class="sh3-home-alpha">alpha</span>
|
|
68
68
|
</div>
|
|
69
|
-
<div class="
|
|
69
|
+
<div class="sh3-home-credit">
|
|
70
70
|
Art: by <a href="https://www.andbc.co/" target="_blank" rel="noopener noreferrer">andbc</a>
|
|
71
71
|
</div>
|
|
72
72
|
</header>
|
|
73
73
|
|
|
74
|
-
<div class="
|
|
74
|
+
<div class="sh3-home-filter">
|
|
75
75
|
<input
|
|
76
76
|
type="search"
|
|
77
77
|
placeholder="Filter apps…"
|
|
78
78
|
bind:value={filter}
|
|
79
79
|
aria-label="Filter apps by name"
|
|
80
|
-
class="
|
|
80
|
+
class="sh3-home-filter-input"
|
|
81
81
|
/>
|
|
82
82
|
</div>
|
|
83
83
|
|
|
@@ -86,24 +86,24 @@
|
|
|
86
86
|
<LayoutsSection />
|
|
87
87
|
|
|
88
88
|
{#if userApps.length > 0}
|
|
89
|
-
<section class="
|
|
90
|
-
<h2 class="
|
|
91
|
-
<div class="
|
|
89
|
+
<section class="sh3-home-section">
|
|
90
|
+
<h2 class="sh3-home-section-title">Apps</h2>
|
|
91
|
+
<div class="sh3-home-grid">
|
|
92
92
|
{#each userApps as manifest (manifest.id)}
|
|
93
93
|
{@const appearance = getAppearance(manifest.id)}
|
|
94
94
|
<button
|
|
95
95
|
type="button"
|
|
96
|
-
class="
|
|
97
|
-
class:
|
|
96
|
+
class="sh3-home-card"
|
|
97
|
+
class:sh3-home-card--tinted={appearance?.color}
|
|
98
98
|
style:--card-color={appearance?.color ?? 'transparent'}
|
|
99
99
|
data-sh3-scope="element:app"
|
|
100
100
|
onclick={() => launchApp(manifest.id)}
|
|
101
101
|
oncontextmenu={(e) => openAppContextMenu(e, manifest.id)}
|
|
102
102
|
>
|
|
103
|
-
<span class="
|
|
104
|
-
<svg class="
|
|
103
|
+
<span class="sh3-home-card-square">
|
|
104
|
+
<svg class="sh3-home-card-icon"><use href="{iconsUrl}#{appearance?.icon ?? manifest.icon ?? 'box'}" /></svg>
|
|
105
105
|
</span>
|
|
106
|
-
<span class="
|
|
106
|
+
<span class="sh3-home-card-label">{appearance?.label ?? manifest.label}</span>
|
|
107
107
|
</button>
|
|
108
108
|
{/each}
|
|
109
109
|
</div>
|
|
@@ -111,24 +111,24 @@
|
|
|
111
111
|
{/if}
|
|
112
112
|
|
|
113
113
|
{#if elevated && adminApps.length > 0}
|
|
114
|
-
<section class="
|
|
115
|
-
<h2 class="
|
|
116
|
-
<div class="
|
|
114
|
+
<section class="sh3-home-section">
|
|
115
|
+
<h2 class="sh3-home-section-title">Admin</h2>
|
|
116
|
+
<div class="sh3-home-grid">
|
|
117
117
|
{#each adminApps as manifest (manifest.id)}
|
|
118
118
|
{@const appearance = getAppearance(manifest.id)}
|
|
119
119
|
<button
|
|
120
120
|
type="button"
|
|
121
|
-
class="
|
|
122
|
-
class:
|
|
121
|
+
class="sh3-home-card"
|
|
122
|
+
class:sh3-home-card--tinted={appearance?.color}
|
|
123
123
|
style:--card-color={appearance?.color ?? 'transparent'}
|
|
124
124
|
data-sh3-scope="element:app"
|
|
125
125
|
onclick={() => launchApp(manifest.id)}
|
|
126
126
|
oncontextmenu={(e) => openAppContextMenu(e, manifest.id)}
|
|
127
127
|
>
|
|
128
|
-
<span class="
|
|
129
|
-
<svg class="
|
|
128
|
+
<span class="sh3-home-card-square">
|
|
129
|
+
<svg class="sh3-home-card-icon"><use href="{iconsUrl}#{appearance?.icon ?? manifest.icon ?? 'box'}" /></svg>
|
|
130
130
|
</span>
|
|
131
|
-
<span class="
|
|
131
|
+
<span class="sh3-home-card-label">{appearance?.label ?? manifest.label}</span>
|
|
132
132
|
</button>
|
|
133
133
|
{/each}
|
|
134
134
|
</div>
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
{/if}
|
|
137
137
|
|
|
138
138
|
{#if totalVisible === 0}
|
|
139
|
-
<p class="
|
|
139
|
+
<p class="sh3-home-empty">
|
|
140
140
|
{#if apps.length === 0}
|
|
141
141
|
No apps registered.
|
|
142
142
|
{:else}
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
</div>
|
|
148
148
|
|
|
149
149
|
<style>
|
|
150
|
-
.
|
|
150
|
+
.sh3-home {
|
|
151
151
|
position: absolute;
|
|
152
152
|
inset: 0;
|
|
153
153
|
display: flex;
|
|
@@ -156,11 +156,11 @@
|
|
|
156
156
|
justify-content: flex-start;
|
|
157
157
|
padding: 48px 24px;
|
|
158
158
|
overflow: auto;
|
|
159
|
-
background: var(--
|
|
160
|
-
color: var(--
|
|
159
|
+
background: var(--sh3-grad-bg, var(--sh3-bg));
|
|
160
|
+
color: var(--sh3-fg);
|
|
161
161
|
font-family: system-ui, sans-serif;
|
|
162
162
|
}
|
|
163
|
-
.
|
|
163
|
+
.sh3-home-header {
|
|
164
164
|
text-align: center;
|
|
165
165
|
margin-bottom: 24px;
|
|
166
166
|
display: flex;
|
|
@@ -168,90 +168,90 @@
|
|
|
168
168
|
align-items: center;
|
|
169
169
|
gap: 12px;
|
|
170
170
|
}
|
|
171
|
-
.
|
|
171
|
+
.sh3-home-title-row {
|
|
172
172
|
display: flex;
|
|
173
173
|
align-items: baseline;
|
|
174
174
|
gap: 6px;
|
|
175
175
|
}
|
|
176
|
-
.
|
|
176
|
+
.sh3-home-credit {
|
|
177
177
|
font-size: 11px;
|
|
178
|
-
color: var(--
|
|
178
|
+
color: var(--sh3-fg-muted);
|
|
179
179
|
letter-spacing: 0.04em;
|
|
180
180
|
margin-top: -4px;
|
|
181
181
|
}
|
|
182
|
-
.
|
|
183
|
-
color: var(--
|
|
182
|
+
.sh3-home-credit a {
|
|
183
|
+
color: var(--sh3-fg-subtle);
|
|
184
184
|
text-decoration: none;
|
|
185
|
-
border-bottom: 1px dotted var(--
|
|
185
|
+
border-bottom: 1px dotted var(--sh3-fg-muted);
|
|
186
186
|
}
|
|
187
|
-
.
|
|
188
|
-
color: var(--
|
|
189
|
-
border-bottom-color: var(--
|
|
187
|
+
.sh3-home-credit a:hover {
|
|
188
|
+
color: var(--sh3-accent);
|
|
189
|
+
border-bottom-color: var(--sh3-accent);
|
|
190
190
|
}
|
|
191
|
-
.
|
|
191
|
+
.sh3-home-version {
|
|
192
192
|
font-size: 14px;
|
|
193
|
-
color: var(--
|
|
193
|
+
color: var(--sh3-fg-subtle);
|
|
194
194
|
letter-spacing: 0.04em;
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
.sh3-home-alpha {
|
|
197
197
|
font-size: 10px;
|
|
198
198
|
font-weight: 700;
|
|
199
199
|
text-transform: uppercase;
|
|
200
200
|
letter-spacing: 0.08em;
|
|
201
201
|
color: #fff;
|
|
202
|
-
background: var(--
|
|
202
|
+
background: var(--sh3-accent);
|
|
203
203
|
padding: 2px 8px;
|
|
204
204
|
border-radius: 8px;
|
|
205
205
|
position: relative;
|
|
206
206
|
top: -1px;
|
|
207
207
|
}
|
|
208
|
-
.
|
|
208
|
+
.sh3-home-filter {
|
|
209
209
|
width: 100%;
|
|
210
210
|
max-width: 720px;
|
|
211
211
|
margin-bottom: 24px;
|
|
212
212
|
}
|
|
213
|
-
.
|
|
213
|
+
.sh3-home-filter-input {
|
|
214
214
|
width: 100%;
|
|
215
215
|
padding: 10px 14px;
|
|
216
216
|
font: inherit;
|
|
217
217
|
font-size: 14px;
|
|
218
|
-
color: var(--
|
|
219
|
-
background: var(--
|
|
220
|
-
border: 1px solid var(--
|
|
221
|
-
border-radius: var(--
|
|
218
|
+
color: var(--sh3-fg);
|
|
219
|
+
background: var(--sh3-bg-elevated);
|
|
220
|
+
border: 1px solid var(--sh3-border);
|
|
221
|
+
border-radius: var(--sh3-radius-md);
|
|
222
222
|
outline: none;
|
|
223
223
|
transition: border-color 120ms ease, box-shadow 120ms ease;
|
|
224
224
|
}
|
|
225
|
-
.
|
|
226
|
-
color: var(--
|
|
225
|
+
.sh3-home-filter-input::placeholder {
|
|
226
|
+
color: var(--sh3-fg-muted);
|
|
227
227
|
}
|
|
228
|
-
.
|
|
229
|
-
border-color: var(--
|
|
230
|
-
box-shadow: 0 0 0 2px color-mix(in srgb, var(--
|
|
228
|
+
.sh3-home-filter-input:focus {
|
|
229
|
+
border-color: var(--sh3-accent);
|
|
230
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sh3-accent) 25%, transparent);
|
|
231
231
|
}
|
|
232
|
-
.
|
|
233
|
-
color: var(--
|
|
232
|
+
.sh3-home-empty {
|
|
233
|
+
color: var(--sh3-fg-muted);
|
|
234
234
|
font-style: italic;
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.sh3-home-section {
|
|
237
237
|
width: 100%;
|
|
238
238
|
max-width: 720px;
|
|
239
239
|
margin-bottom: 28px;
|
|
240
240
|
}
|
|
241
|
-
.
|
|
241
|
+
.sh3-home-section-title {
|
|
242
242
|
font-size: 13px;
|
|
243
243
|
font-weight: 600;
|
|
244
244
|
text-transform: uppercase;
|
|
245
245
|
letter-spacing: 0.06em;
|
|
246
|
-
color: var(--
|
|
246
|
+
color: var(--sh3-fg-subtle);
|
|
247
247
|
margin: 0 0 12px;
|
|
248
248
|
}
|
|
249
|
-
.
|
|
249
|
+
.sh3-home-grid {
|
|
250
250
|
display: grid;
|
|
251
251
|
grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
|
|
252
252
|
gap: 18px 14px;
|
|
253
253
|
}
|
|
254
|
-
.
|
|
254
|
+
.sh3-home-card {
|
|
255
255
|
display: flex;
|
|
256
256
|
flex-direction: column;
|
|
257
257
|
align-items: center;
|
|
@@ -263,37 +263,37 @@
|
|
|
263
263
|
font: inherit;
|
|
264
264
|
cursor: pointer;
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.sh3-home-card-square {
|
|
267
267
|
width: 64px;
|
|
268
268
|
height: 64px;
|
|
269
269
|
display: flex;
|
|
270
270
|
align-items: center;
|
|
271
271
|
justify-content: center;
|
|
272
|
-
background: var(--
|
|
273
|
-
border: 1px solid var(--
|
|
274
|
-
border-radius: var(--
|
|
272
|
+
background: var(--sh3-grad-bg-elevated, var(--sh3-bg-elevated));
|
|
273
|
+
border: 1px solid var(--sh3-border);
|
|
274
|
+
border-radius: var(--sh3-radius-md);
|
|
275
275
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
276
276
|
transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
|
|
277
277
|
}
|
|
278
|
-
.
|
|
279
|
-
border-color: var(--
|
|
278
|
+
.sh3-home-card:hover .sh3-home-card-square {
|
|
279
|
+
border-color: var(--sh3-accent);
|
|
280
280
|
transform: translateY(-1px);
|
|
281
281
|
box-shadow:
|
|
282
282
|
0 6px 14px rgba(0, 0, 0, 0.3),
|
|
283
|
-
0 0 0 1px color-mix(in srgb, var(--
|
|
284
|
-
0 4px 12px color-mix(in srgb, var(--
|
|
283
|
+
0 0 0 1px color-mix(in srgb, var(--sh3-accent) 35%, transparent),
|
|
284
|
+
0 4px 12px color-mix(in srgb, var(--sh3-accent) 18%, transparent);
|
|
285
285
|
}
|
|
286
|
-
.
|
|
286
|
+
.sh3-home-card:focus-visible {
|
|
287
287
|
outline: none;
|
|
288
288
|
}
|
|
289
|
-
.
|
|
290
|
-
border-color: var(--
|
|
291
|
-
box-shadow: 0 0 0 2px color-mix(in srgb, var(--
|
|
289
|
+
.sh3-home-card:focus-visible .sh3-home-card-square {
|
|
290
|
+
border-color: var(--sh3-accent);
|
|
291
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sh3-accent) 40%, transparent);
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.sh3-home-card:active .sh3-home-card-square {
|
|
294
294
|
transform: translateY(0);
|
|
295
295
|
}
|
|
296
|
-
.
|
|
296
|
+
.sh3-home-card-label {
|
|
297
297
|
font-weight: 600;
|
|
298
298
|
font-size: 11px;
|
|
299
299
|
line-height: 1.2;
|
|
@@ -305,12 +305,12 @@
|
|
|
305
305
|
line-clamp: 2;
|
|
306
306
|
word-break: break-word;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.sh3-home-card-icon {
|
|
309
309
|
width: 28px;
|
|
310
310
|
height: 28px;
|
|
311
|
-
color: var(--
|
|
311
|
+
color: var(--sh3-fg);
|
|
312
312
|
}
|
|
313
|
-
.
|
|
313
|
+
.sh3-home-card--tinted .sh3-home-card-square {
|
|
314
314
|
background: var(--card-color);
|
|
315
315
|
}
|
|
316
316
|
</style>
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
const buildSketch = () => (p: any) => {
|
|
54
54
|
const rootStyle = getComputedStyle(document.documentElement);
|
|
55
|
-
const accentColor = rootStyle.getPropertyValue('--
|
|
55
|
+
const accentColor = rootStyle.getPropertyValue('--sh3-accent').trim();
|
|
56
56
|
let gfx: any;
|
|
57
57
|
let src: any;
|
|
58
58
|
let ready = false;
|
|
@@ -117,12 +117,12 @@
|
|
|
117
117
|
try {
|
|
118
118
|
p5inst = new P5(buildSketch(), container);
|
|
119
119
|
} catch (err) {
|
|
120
|
-
console.error('[
|
|
120
|
+
console.error('[Sh3Title] p5 sketch failed to start', err);
|
|
121
121
|
failed = true;
|
|
122
122
|
}
|
|
123
123
|
})
|
|
124
124
|
.catch((err) => {
|
|
125
|
-
console.error('[
|
|
125
|
+
console.error('[Sh3Title] failed to load p5 from CDN', err);
|
|
126
126
|
failed = true;
|
|
127
127
|
});
|
|
128
128
|
|
|
@@ -137,35 +137,35 @@
|
|
|
137
137
|
</script>
|
|
138
138
|
|
|
139
139
|
{#if failed}
|
|
140
|
-
<h1 class="
|
|
140
|
+
<h1 class="sh3-title-fallback">SH3</h1>
|
|
141
141
|
{:else}
|
|
142
142
|
<div
|
|
143
143
|
bind:this={container}
|
|
144
|
-
class="
|
|
144
|
+
class="sh3-title"
|
|
145
145
|
style:width="{DISPLAY_W}px"
|
|
146
146
|
style:height="{DISPLAY_H}px"
|
|
147
|
-
style:--
|
|
147
|
+
style:--sh3-title-scale={SCALE}
|
|
148
148
|
></div>
|
|
149
149
|
{/if}
|
|
150
150
|
|
|
151
151
|
<style>
|
|
152
|
-
.
|
|
152
|
+
.sh3-title {
|
|
153
153
|
display: inline-block;
|
|
154
154
|
line-height: 0;
|
|
155
155
|
overflow: hidden;
|
|
156
156
|
}
|
|
157
157
|
/* canvas is injected by p5 at runtime, so scoped selectors don't reach it */
|
|
158
|
-
.
|
|
159
|
-
transform: scale(var(--
|
|
158
|
+
.sh3-title :global(canvas) {
|
|
159
|
+
transform: scale(var(--sh3-title-scale));
|
|
160
160
|
transform-origin: top left;
|
|
161
161
|
/* p5 sets inline width/height attributes on the canvas; override its inline
|
|
162
162
|
style so layout doesn't get the intrinsic pixel-buffer size. */
|
|
163
163
|
display: block;
|
|
164
164
|
}
|
|
165
|
-
.
|
|
165
|
+
.sh3-title-fallback {
|
|
166
166
|
margin: 0;
|
|
167
167
|
font-size: 42px;
|
|
168
|
-
color: var(--
|
|
168
|
+
color: var(--sh3-accent);
|
|
169
169
|
letter-spacing: 2px;
|
|
170
170
|
}
|
|
171
171
|
</style>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Element-scope actions for app cards. Wired by sh3coreShard.activate.
|
|
3
3
|
* The element scope is { element: 'app' } and activates when right-click
|
|
4
4
|
* on a host with data-sh3-scope="element:app" sets a selection of type
|
|
5
|
-
* 'app' (see
|
|
5
|
+
* 'app' (see Sh3Home.svelte).
|
|
6
6
|
*
|
|
7
7
|
* Three actions are registered here:
|
|
8
8
|
* - app.info : open the AppInfoView modal with manifest + (when
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
*
|
|
16
16
|
* Disabled predicate: !isAdmin || isBuiltin. Built-in means the app id is
|
|
17
17
|
* NOT in storeContext.state.ephemeral.installed (those are framework-shipped
|
|
18
|
-
* shards like sh3-store, sh3-
|
|
18
|
+
* shards like sh3-store, sh3-sh3, projects, etc.).
|
|
19
19
|
*/
|
|
20
20
|
import { listRegisteredApps } from '../api';
|
|
21
21
|
import { isAdmin } from '../auth/auth.svelte';
|
|
@@ -27,7 +27,7 @@ import { toastManager } from '../overlays/toast';
|
|
|
27
27
|
import AppUpdateAvailableModal from '../app/store/AppUpdateAvailableModal.svelte';
|
|
28
28
|
import UninstallAppDialog from '../app/store/UninstallAppDialog.svelte';
|
|
29
29
|
import AppInfoView from './AppInfoView.svelte';
|
|
30
|
-
import { spawnSatellite } from '../
|
|
30
|
+
import { spawnSatellite } from '../sh3Api/window';
|
|
31
31
|
import { activeApp, getActiveApp } from '../apps/registry.svelte';
|
|
32
32
|
import { returnToHome } from '../apps/lifecycle';
|
|
33
33
|
const isTauri = typeof globalThis.__TAURI_INTERNALS__ !== 'undefined';
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
* layout manager's home tree references.
|
|
5
5
|
*
|
|
6
6
|
* Renamed from the former `__shell__` pseudo-shard on 2026-04-10 to free
|
|
7
|
-
* the `
|
|
7
|
+
* the `sh3` id and the `src/shell-shard/` directory for the new
|
|
8
8
|
* user-facing shell-shard (terminal). See
|
|
9
9
|
* `docs/superpowers/specs/2026-04-10-shell-shard-design.md` § Step 0.
|
|
10
10
|
*
|
|
11
11
|
* This shard uses the public contract same as any other shard (see
|
|
12
|
-
* ADR-008 / the phase-8
|
|
12
|
+
* ADR-008 / the phase-8 sh3-as-shard feasibility check). Its only
|
|
13
13
|
* concession to being framework-owned is:
|
|
14
14
|
* - The reserved id `__sh3core__`
|
|
15
15
|
* - It is registered by `bootstrap()` itself, not by the glob loop
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
* `.svelte.ts` because mounting Svelte components requires rune access.
|
|
23
23
|
*/
|
|
24
24
|
import { mount, unmount } from 'svelte';
|
|
25
|
-
import
|
|
26
|
-
import KeysAndPeers from '../
|
|
25
|
+
import Sh3Home from './Sh3Home.svelte';
|
|
26
|
+
import KeysAndPeers from '../sh3/views/KeysAndPeers.svelte';
|
|
27
27
|
import ConfirmDialog from '../overlays/ConfirmDialog.svelte';
|
|
28
28
|
import { VERSION } from '../version';
|
|
29
29
|
import { __setBindingsZone } from '../actions/bindings-store';
|
|
@@ -61,7 +61,7 @@ export const sh3coreShard = {
|
|
|
61
61
|
version: VERSION,
|
|
62
62
|
views: [
|
|
63
63
|
{ id: 'sh3core:home', label: 'Home' },
|
|
64
|
-
{ id: '
|
|
64
|
+
{ id: 'sh3:keys-and-peers', label: 'Keys & Peers' },
|
|
65
65
|
],
|
|
66
66
|
},
|
|
67
67
|
activate(ctx) {
|
|
@@ -103,7 +103,7 @@ export const sh3coreShard = {
|
|
|
103
103
|
});
|
|
104
104
|
const factory = {
|
|
105
105
|
mount(container, _context) {
|
|
106
|
-
const instance = mount(
|
|
106
|
+
const instance = mount(Sh3Home, { target: container });
|
|
107
107
|
return {
|
|
108
108
|
unmount() {
|
|
109
109
|
unmount(instance);
|
|
@@ -119,7 +119,7 @@ export const sh3coreShard = {
|
|
|
119
119
|
},
|
|
120
120
|
};
|
|
121
121
|
ctx.registerView('sh3core:home', factory);
|
|
122
|
-
ctx.registerView('
|
|
122
|
+
ctx.registerView('sh3:keys-and-peers', keysFactory);
|
|
123
123
|
registerAppActions(ctx);
|
|
124
124
|
// Launcher parent — submenu drill host. No `run` needed: the
|
|
125
125
|
// dispatcher's default behavior opens a sub-palette filtered to
|
|
@@ -4,7 +4,7 @@ import type { Shard, ShardContext } from './types';
|
|
|
4
4
|
* Populated once at boot by the glob-discovery loop in main.ts (through
|
|
5
5
|
* `registerShard`); a future runtime loader appends late without touching
|
|
6
6
|
* the rest of the framework. Callers that need a live list subscribe via
|
|
7
|
-
* Svelte reactivity (e.g.
|
|
7
|
+
* Svelte reactivity (e.g. sh3 home listing apps cross-references this
|
|
8
8
|
* map to show which shards they require).
|
|
9
9
|
*/
|
|
10
10
|
export declare const registeredShards: Map<string, Shard>;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* unregisters view factories, drops from `activeShards`. The shard
|
|
17
17
|
* stays in `registeredShards` — it's still known, just not running.
|
|
18
18
|
*/
|
|
19
|
-
import {
|
|
19
|
+
import { sh3 } from '../sh3Runtime.svelte';
|
|
20
20
|
import { registerView, unregisterView, registerVerb as fwRegisterVerb, unregisterVerb as fwUnregisterVerb, listVerbsWithShard } from './registry';
|
|
21
21
|
import { runVerbProgrammatic } from '../runtime/runVerb';
|
|
22
22
|
import { createDocumentHandle, getTenantId, getDocumentBackend } from '../documents';
|
|
@@ -32,7 +32,7 @@ import { subscribe } from '../keys/revocation-bus.svelte';
|
|
|
32
32
|
import { register as contributionsRegister, list as contributionsList, listPoints as contributionsListPoints, onChange as contributionsOnChange, onAnyChange as contributionsOnAnyChange, } from '../contributions';
|
|
33
33
|
import { registerAction, listActions as listActionsFromRegistry } from '../actions/registry';
|
|
34
34
|
import { makeSelectionApi, clearSelectionForShard } from '../actions/selection.svelte';
|
|
35
|
-
import { openContextMenu as
|
|
35
|
+
import { openContextMenu as sh3OpenContextMenu, openPalette as sh3OpenPalette, dispatchActionProgrammatic, } from '../actions/listeners';
|
|
36
36
|
import { listActionsFromEntries } from '../actions/listActive';
|
|
37
37
|
import { getLiveDispatcherState } from '../actions/state.svelte';
|
|
38
38
|
/**
|
|
@@ -40,7 +40,7 @@ import { getLiveDispatcherState } from '../actions/state.svelte';
|
|
|
40
40
|
* Populated once at boot by the glob-discovery loop in main.ts (through
|
|
41
41
|
* `registerShard`); a future runtime loader appends late without touching
|
|
42
42
|
* the rest of the framework. Callers that need a live list subscribe via
|
|
43
|
-
* Svelte reactivity (e.g.
|
|
43
|
+
* Svelte reactivity (e.g. sh3 home listing apps cross-references this
|
|
44
44
|
* map to show which shards they require).
|
|
45
45
|
*/
|
|
46
46
|
export const registeredShards = $state(new Map());
|
|
@@ -132,7 +132,7 @@ export async function activateShard(id, opts) {
|
|
|
132
132
|
},
|
|
133
133
|
};
|
|
134
134
|
const ctx = {
|
|
135
|
-
state: (schema) =>
|
|
135
|
+
state: (schema) => sh3.state(id, schema),
|
|
136
136
|
registerView: (viewId, factory) => {
|
|
137
137
|
registerView(viewId, factory, shard.manifest.id);
|
|
138
138
|
entry.viewIds.add(viewId);
|
|
@@ -200,8 +200,8 @@ export async function activateShard(id, opts) {
|
|
|
200
200
|
return dispose;
|
|
201
201
|
},
|
|
202
202
|
selection: makeSelectionApi(id),
|
|
203
|
-
openContextMenu(opts) {
|
|
204
|
-
openPalette(opts) {
|
|
203
|
+
openContextMenu(opts) { sh3OpenContextMenu(opts); },
|
|
204
|
+
openPalette(opts) { sh3OpenPalette(opts); },
|
|
205
205
|
},
|
|
206
206
|
listVerbs(opts) {
|
|
207
207
|
const all = listVerbsWithShard();
|
package/dist/shards/types.d.ts
CHANGED
|
@@ -52,7 +52,7 @@ export interface MountContext {
|
|
|
52
52
|
label: string;
|
|
53
53
|
/**
|
|
54
54
|
* Caller-supplied instance data. Present when the mount was triggered with
|
|
55
|
-
* metadata (e.g. `
|
|
55
|
+
* metadata (e.g. `sh3.float.open(viewId, { meta: { ... } })`).
|
|
56
56
|
* Not persisted with the layout — ephemeral per mount.
|
|
57
57
|
*/
|
|
58
58
|
meta?: Record<string, unknown>;
|
|
@@ -181,15 +181,15 @@ export interface ShardContext {
|
|
|
181
181
|
/**
|
|
182
182
|
* Register a view factory for a view id declared in the shard manifest.
|
|
183
183
|
* Must be called for every id listed in `manifest.views` during `activate`.
|
|
184
|
-
* The shard id is injected automatically by the
|
|
184
|
+
* The shard id is injected automatically by the sh3 — shards do not need to pass it.
|
|
185
185
|
*
|
|
186
186
|
* @param viewId - Must match an entry in `manifest.views`.
|
|
187
187
|
* @param factory - The adapter that mounts the view into a container element.
|
|
188
188
|
*/
|
|
189
189
|
registerView(viewId: string, factory: ViewFactory): void;
|
|
190
190
|
/**
|
|
191
|
-
* Register a verb that users can invoke from the
|
|
192
|
-
* The verb name is auto-prefixed with `shardId:` for non-
|
|
191
|
+
* Register a verb that users can invoke from the sh3 terminal.
|
|
192
|
+
* The verb name is auto-prefixed with `shardId:` for non-sh3 shards.
|
|
193
193
|
* Automatically unregistered when the shard deactivates.
|
|
194
194
|
*
|
|
195
195
|
* @param verb - The verb definition (name, summary, run function).
|
|
@@ -333,7 +333,7 @@ export interface ShardContext {
|
|
|
333
333
|
/**
|
|
334
334
|
* A shard module. Shards are the fundamental unit of contribution in SH3.
|
|
335
335
|
* Each shard activates once, receives a `ShardContext`, and registers views
|
|
336
|
-
* and other capabilities that the
|
|
336
|
+
* and other capabilities that the sh3 and apps can use. Shard lifecycle is
|
|
337
337
|
* separate from view lifecycle — a shard may be active with no views visible.
|
|
338
338
|
*/
|
|
339
339
|
export interface Shard {
|
package/dist/shards/types.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
* Shard contract — minimum viable draft for phase 4.
|
|
3
3
|
*
|
|
4
4
|
* A shard is a self-contained module that contributes capabilities (views,
|
|
5
|
-
* commands, services, …) to the
|
|
5
|
+
* commands, services, …) to the sh3. See docs/design/shards.md for the
|
|
6
6
|
* full design; phase 4 implements only the pieces needed to mount a view
|
|
7
7
|
* into a layout slot:
|
|
8
8
|
*
|
|
9
9
|
* - A shard declares a manifest.
|
|
10
10
|
* - `activate(ctx)` runs once, receives a ShardContext, and registers
|
|
11
|
-
* whichever contributions it wants the
|
|
11
|
+
* whichever contributions it wants the sh3 to know about.
|
|
12
12
|
* - A ViewFactory knows how to mount a view into a raw HTMLElement and
|
|
13
13
|
* return a handle the framework uses to unmount / notify of resizes.
|
|
14
14
|
*
|
|
@@ -92,16 +92,16 @@
|
|
|
92
92
|
gap: 6px;
|
|
93
93
|
padding: 4px 8px;
|
|
94
94
|
border: 1px solid transparent;
|
|
95
|
-
border-radius: var(--
|
|
96
|
-
font-family: var(--
|
|
97
|
-
font-size: var(--
|
|
95
|
+
border-radius: var(--sh3-radius);
|
|
96
|
+
font-family: var(--sh3-font-mono, monospace);
|
|
97
|
+
font-size: var(--sh3-font-size, 13px);
|
|
98
98
|
line-height: 1.4;
|
|
99
|
-
transition: border-color var(--
|
|
100
|
-
box-shadow var(--
|
|
99
|
+
transition: border-color var(--sh3-motion-fast) var(--sh3-ease-standard),
|
|
100
|
+
box-shadow var(--sh3-motion-fast) var(--sh3-ease-standard);
|
|
101
101
|
}
|
|
102
102
|
.sh3-cmdline:focus-within {
|
|
103
|
-
border-color: var(--
|
|
104
|
-
box-shadow: var(--
|
|
103
|
+
border-color: var(--sh3-input-border-focus);
|
|
104
|
+
box-shadow: var(--sh3-focus-ring);
|
|
105
105
|
}
|
|
106
106
|
.sh3-cmdline__prefix {
|
|
107
107
|
flex-shrink: 0;
|
|
@@ -107,8 +107,8 @@
|
|
|
107
107
|
|
|
108
108
|
<style>
|
|
109
109
|
.shell-input-row {
|
|
110
|
-
border-top: 1px solid var(--
|
|
110
|
+
border-top: 1px solid var(--sh3-border, #333);
|
|
111
111
|
}
|
|
112
|
-
.shell-input-cwd { color: var(--
|
|
113
|
-
.shell-input-arrow { color: var(--
|
|
112
|
+
.shell-input-cwd { color: var(--sh3-fg-muted, #888); }
|
|
113
|
+
.shell-input-arrow { color: var(--sh3-accent, #6cf); margin-left: 6px; }
|
|
114
114
|
</style>
|