@stackable-labs/mcp-app-extension 1.23.0 → 1.24.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/index.js +12 -12
- package/dist/server.js +12 -12
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -76,7 +76,7 @@ export function Content() {
|
|
|
76
76
|
|
|
77
77
|
return (
|
|
78
78
|
<Surface id="slot.content">
|
|
79
|
-
{viewState.type === 'menu' && (
|
|
79
|
+
{(viewState.type === 'menu') && (
|
|
80
80
|
<ui.Menu>
|
|
81
81
|
{/* Add ui.MenuItem entries here */}
|
|
82
82
|
</ui.Menu>
|
|
@@ -232,7 +232,7 @@ export function Content() {
|
|
|
232
232
|
|
|
233
233
|
return (
|
|
234
234
|
<Surface id="slot.content">
|
|
235
|
-
{viewState.type === 'menu' && (
|
|
235
|
+
{(viewState.type === 'menu') && (
|
|
236
236
|
<ui.Menu>
|
|
237
237
|
{/* Add ui.MenuItem entries here */}
|
|
238
238
|
</ui.Menu>
|
|
@@ -896,10 +896,10 @@ export function Content(): React.ReactElement {
|
|
|
896
896
|
|
|
897
897
|
return (
|
|
898
898
|
<Surface id="slot.content">
|
|
899
|
-
{viewState.type === 'list' && (
|
|
899
|
+
{(viewState.type === 'list') && (
|
|
900
900
|
<ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
|
|
901
901
|
)}
|
|
902
|
-
{viewState.type === 'detail' && (
|
|
902
|
+
{(viewState.type === 'detail') && (
|
|
903
903
|
<ui.Stack direction="column" gap="2">
|
|
904
904
|
<ui.Text>Viewing: {viewState.id}</ui.Text>
|
|
905
905
|
<ui.Button onClick={goBack}>Back</ui.Button>
|
|
@@ -1104,13 +1104,13 @@ export function Content(): React.ReactElement {
|
|
|
1104
1104
|
}
|
|
1105
1105
|
|
|
1106
1106
|
// Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
|
|
1107
|
-
const
|
|
1107
|
+
const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
|
|
1108
1108
|
|
|
1109
1109
|
return (
|
|
1110
1110
|
<Surface id="slot.content">
|
|
1111
1111
|
<ui.Stack direction="column" gap="2" className="p-3">
|
|
1112
1112
|
<ui.Button onClick={runVerification}>Verify</ui.Button>
|
|
1113
|
-
<ui.Text>Status: {
|
|
1113
|
+
<ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
|
|
1114
1114
|
</ui.Stack>
|
|
1115
1115
|
</Surface>
|
|
1116
1116
|
)
|
|
@@ -1470,7 +1470,7 @@ export const Content = () => {
|
|
|
1470
1470
|
<ui.Card>
|
|
1471
1471
|
<ui.CardContent>
|
|
1472
1472
|
<ui.Text>Looking up orders\u2026</ui.Text>
|
|
1473
|
-
{environmentType === 'sandbox' && (
|
|
1473
|
+
{(environmentType === 'sandbox') && (
|
|
1474
1474
|
<ui.Text className="text-xs opacity-50">Sandbox Mode</ui.Text>
|
|
1475
1475
|
)}
|
|
1476
1476
|
</ui.CardContent>
|
|
@@ -3502,7 +3502,7 @@ export const Header = () => {
|
|
|
3502
3502
|
return (
|
|
3503
3503
|
<Surface id="slot.header">
|
|
3504
3504
|
<ui.Inline>
|
|
3505
|
-
{viewState.type !== 'list' && (
|
|
3505
|
+
{(viewState.type !== 'list') && (
|
|
3506
3506
|
<ui.Button
|
|
3507
3507
|
variant="ghost"
|
|
3508
3508
|
onClick={() => appStore.set({ viewState: { type: 'list' } })}
|
|
@@ -4764,10 +4764,10 @@ export function Content() {
|
|
|
4764
4764
|
|
|
4765
4765
|
return (
|
|
4766
4766
|
<Surface id="slot.content">
|
|
4767
|
-
{viewState.type === 'list' && (
|
|
4767
|
+
{(viewState.type === 'list') && (
|
|
4768
4768
|
<ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
|
|
4769
4769
|
)}
|
|
4770
|
-
{viewState.type === 'detail' && (
|
|
4770
|
+
{(viewState.type === 'detail') && (
|
|
4771
4771
|
<ui.Stack direction="column" gap="2">
|
|
4772
4772
|
<ui.Text>Viewing: {viewState.id}</ui.Text>
|
|
4773
4773
|
<ui.Button onClick={goBack}>Back</ui.Button>
|
|
@@ -4967,13 +4967,13 @@ export function Content() {
|
|
|
4967
4967
|
}
|
|
4968
4968
|
|
|
4969
4969
|
// Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
|
|
4970
|
-
const
|
|
4970
|
+
const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
|
|
4971
4971
|
|
|
4972
4972
|
return (
|
|
4973
4973
|
<Surface id="slot.content">
|
|
4974
4974
|
<ui.Stack direction="column" gap="2" className="p-3">
|
|
4975
4975
|
<ui.Button onClick={runVerification}>Verify</ui.Button>
|
|
4976
|
-
<ui.Text>Status: {
|
|
4976
|
+
<ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
|
|
4977
4977
|
</ui.Stack>
|
|
4978
4978
|
</Surface>
|
|
4979
4979
|
)
|
package/dist/server.js
CHANGED
|
@@ -69,7 +69,7 @@ export function Content() {
|
|
|
69
69
|
|
|
70
70
|
return (
|
|
71
71
|
<Surface id="slot.content">
|
|
72
|
-
{viewState.type === 'menu' && (
|
|
72
|
+
{(viewState.type === 'menu') && (
|
|
73
73
|
<ui.Menu>
|
|
74
74
|
{/* Add ui.MenuItem entries here */}
|
|
75
75
|
</ui.Menu>
|
|
@@ -225,7 +225,7 @@ export function Content() {
|
|
|
225
225
|
|
|
226
226
|
return (
|
|
227
227
|
<Surface id="slot.content">
|
|
228
|
-
{viewState.type === 'menu' && (
|
|
228
|
+
{(viewState.type === 'menu') && (
|
|
229
229
|
<ui.Menu>
|
|
230
230
|
{/* Add ui.MenuItem entries here */}
|
|
231
231
|
</ui.Menu>
|
|
@@ -889,10 +889,10 @@ export function Content(): React.ReactElement {
|
|
|
889
889
|
|
|
890
890
|
return (
|
|
891
891
|
<Surface id="slot.content">
|
|
892
|
-
{viewState.type === 'list' && (
|
|
892
|
+
{(viewState.type === 'list') && (
|
|
893
893
|
<ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
|
|
894
894
|
)}
|
|
895
|
-
{viewState.type === 'detail' && (
|
|
895
|
+
{(viewState.type === 'detail') && (
|
|
896
896
|
<ui.Stack direction="column" gap="2">
|
|
897
897
|
<ui.Text>Viewing: {viewState.id}</ui.Text>
|
|
898
898
|
<ui.Button onClick={goBack}>Back</ui.Button>
|
|
@@ -1097,13 +1097,13 @@ export function Content(): React.ReactElement {
|
|
|
1097
1097
|
}
|
|
1098
1098
|
|
|
1099
1099
|
// Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
|
|
1100
|
-
const
|
|
1100
|
+
const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
|
|
1101
1101
|
|
|
1102
1102
|
return (
|
|
1103
1103
|
<Surface id="slot.content">
|
|
1104
1104
|
<ui.Stack direction="column" gap="2" className="p-3">
|
|
1105
1105
|
<ui.Button onClick={runVerification}>Verify</ui.Button>
|
|
1106
|
-
<ui.Text>Status: {
|
|
1106
|
+
<ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
|
|
1107
1107
|
</ui.Stack>
|
|
1108
1108
|
</Surface>
|
|
1109
1109
|
)
|
|
@@ -1463,7 +1463,7 @@ export const Content = () => {
|
|
|
1463
1463
|
<ui.Card>
|
|
1464
1464
|
<ui.CardContent>
|
|
1465
1465
|
<ui.Text>Looking up orders\u2026</ui.Text>
|
|
1466
|
-
{environmentType === 'sandbox' && (
|
|
1466
|
+
{(environmentType === 'sandbox') && (
|
|
1467
1467
|
<ui.Text className="text-xs opacity-50">Sandbox Mode</ui.Text>
|
|
1468
1468
|
)}
|
|
1469
1469
|
</ui.CardContent>
|
|
@@ -3495,7 +3495,7 @@ export const Header = () => {
|
|
|
3495
3495
|
return (
|
|
3496
3496
|
<Surface id="slot.header">
|
|
3497
3497
|
<ui.Inline>
|
|
3498
|
-
{viewState.type !== 'list' && (
|
|
3498
|
+
{(viewState.type !== 'list') && (
|
|
3499
3499
|
<ui.Button
|
|
3500
3500
|
variant="ghost"
|
|
3501
3501
|
onClick={() => appStore.set({ viewState: { type: 'list' } })}
|
|
@@ -4757,10 +4757,10 @@ export function Content() {
|
|
|
4757
4757
|
|
|
4758
4758
|
return (
|
|
4759
4759
|
<Surface id="slot.content">
|
|
4760
|
-
{viewState.type === 'list' && (
|
|
4760
|
+
{(viewState.type === 'list') && (
|
|
4761
4761
|
<ui.Button onClick={() => goToDetail('abc123')}>View Detail</ui.Button>
|
|
4762
4762
|
)}
|
|
4763
|
-
{viewState.type === 'detail' && (
|
|
4763
|
+
{(viewState.type === 'detail') && (
|
|
4764
4764
|
<ui.Stack direction="column" gap="2">
|
|
4765
4765
|
<ui.Text>Viewing: {viewState.id}</ui.Text>
|
|
4766
4766
|
<ui.Button onClick={goBack}>Back</ui.Button>
|
|
@@ -4960,13 +4960,13 @@ export function Content() {
|
|
|
4960
4960
|
}
|
|
4961
4961
|
|
|
4962
4962
|
// Consume: read directly from ctx \u2014 re-renders automatically on identity:refresh.
|
|
4963
|
-
const
|
|
4963
|
+
const isVerified = Boolean(ctx.identity?.user?.metadata?.verified)
|
|
4964
4964
|
|
|
4965
4965
|
return (
|
|
4966
4966
|
<Surface id="slot.content">
|
|
4967
4967
|
<ui.Stack direction="column" gap="2" className="p-3">
|
|
4968
4968
|
<ui.Button onClick={runVerification}>Verify</ui.Button>
|
|
4969
|
-
<ui.Text>Status: {
|
|
4969
|
+
<ui.Text>Status: {isVerified ? 'verified' : 'unverified'}</ui.Text>
|
|
4970
4970
|
</ui.Stack>
|
|
4971
4971
|
</Surface>
|
|
4972
4972
|
)
|