@kyro-cms/admin 0.9.4 → 0.9.6

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.
Files changed (44) hide show
  1. package/dist/index.cjs +966 -585
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +29 -9
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +3 -1
  6. package/dist/index.d.ts +3 -1
  7. package/dist/index.js +649 -268
  8. package/dist/index.js.map +1 -1
  9. package/package.json +2 -2
  10. package/src/components/ActionBar.tsx +254 -70
  11. package/src/components/Admin.tsx +10 -17
  12. package/src/components/ApiKeysManager.tsx +1 -0
  13. package/src/components/AuditLogsPage.tsx +3 -3
  14. package/src/components/AutoForm.tsx +51 -34
  15. package/src/components/DetailView.tsx +37 -13
  16. package/src/components/GraphQLPlayground.tsx +460 -224
  17. package/src/components/ListView.tsx +3 -3
  18. package/src/components/LoginPage.tsx +5 -30
  19. package/src/components/MediaGallery.tsx +122 -15
  20. package/src/components/RestPlayground.tsx +443 -519
  21. package/src/components/Sidebar.astro +6 -2
  22. package/src/components/UserManagement.tsx +4 -4
  23. package/src/components/WebhookManager.tsx +4 -4
  24. package/src/components/blocks/AccordionBlock.tsx +1 -1
  25. package/src/components/blocks/ArrayBlock.tsx +1 -1
  26. package/src/components/blocks/ChildBlocksTree.tsx +6 -6
  27. package/src/components/blocks/CodeBlock.tsx +1 -1
  28. package/src/components/blocks/FileBlock.tsx +1 -1
  29. package/src/components/blocks/HeroBlock.tsx +1 -1
  30. package/src/components/blocks/ListBlock.tsx +1 -1
  31. package/src/components/blocks/RelationshipBlock.tsx +1 -1
  32. package/src/components/blocks/RichTextBlock.tsx +1 -1
  33. package/src/components/blocks/VideoBlock.tsx +1 -1
  34. package/src/components/fields/BlocksField.tsx +17 -19
  35. package/src/components/ui/PageHeader.tsx +205 -83
  36. package/src/components/ui/Pagination.tsx +2 -2
  37. package/src/components/ui/SlidePanel.tsx +4 -4
  38. package/src/layouts/AdminLayout.astro +64 -4
  39. package/src/lib/useResourceManager.ts +1 -0
  40. package/src/pages/graphql-explorer.astro +7 -51
  41. package/src/pages/graphql.astro +7 -119
  42. package/src/pages/index.astro +4 -63
  43. package/src/pages/rest-playground.astro +3 -29
  44. package/src/styles/main.css +32 -9
package/src/components/DetailView.tsx CHANGED
@@ -292,8 +292,30 @@ export function DetailView({
292
292
  ]}
293
293
  />
294
294
 
295
- {!isSingleLayout && (
296
-
295
+ {isSingleLayout ? (
296
+ <div className="md:hidden">
297
+ <ActionBar
298
+ status={status}
299
+ saveStatus={saveStatus}
300
+ hasChanges={hasChanges}
301
+ onSave={() => handleSave(false)}
302
+ onPublish={handlePublish}
303
+ onUnpublish={status === "published" ? handleUnpublish : undefined}
304
+ onDuplicate={handleDuplicate}
305
+ onViewHistory={() => {
306
+ window.dispatchEvent(new CustomEvent('kyro:show-version-history'));
307
+ }}
308
+ onPreview={() =>
309
+ window.open(`/preview/${slug}/${documentId}`, "_blank")
310
+ }
311
+ onDelete={handleDeleteTrigger}
312
+ onBack={onBack}
313
+ onToggleSidebar={() => window.dispatchEvent(new CustomEvent("toggle-sidebar"))}
314
+ publishedAt={publishedAt}
315
+ updatedAt={updatedAt}
316
+ />
317
+ </div>
318
+ ) : (
297
319
  <ActionBar
298
320
  status={status}
299
321
  saveStatus={saveStatus}
@@ -309,6 +331,8 @@ export function DetailView({
309
331
  window.open(`/preview/${slug}/${documentId}`, "_blank")
310
332
  }
311
333
  onDelete={handleDeleteTrigger}
334
+ onBack={onBack}
335
+ onToggleSidebar={() => window.dispatchEvent(new CustomEvent("toggle-sidebar"))}
312
336
  publishedAt={publishedAt}
313
337
  updatedAt={updatedAt}
314
338
  />
@@ -317,12 +341,12 @@ export function DetailView({
317
341
  <div
318
342
  className={
319
343
  isSingleLayout
320
- ? "w-full pb-32 pt-8"
321
- : "w-full mx-auto grid grid-cols-1 lg:grid-cols-[1fr_360px] gap-8 pb-32"
344
+ ? "w-full pb-32 pt-4 md:pt-8"
345
+ : "w-full mx-auto grid grid-cols-1 lg:grid-cols-[1fr_360px] gap-4 md:gap-8 pt-4 md:pt-0 pb-32"
322
346
  }
323
347
  >
324
- <div className="space-y-8 min-w-0">
325
- <div className="surface-tile p-8">
348
+ <div className="space-y-4 md:space-y-8 min-w-0">
349
+ <div className="surface-tile p-4 md:p-8">
326
350
  <div className="flex items-center justify-between mb-8 px-1">
327
351
  <h2 className="text-[10px] font-bold tracking-[0.2em] opacity-40">
328
352
  Core Configuration
@@ -369,12 +393,12 @@ export function DetailView({
369
393
  </div>
370
394
 
371
395
  {!isSingleLayout && (
372
- <div className="space-y-6 animate-in fade-in slide-in-from-right-4 duration-500">
373
- <div className="surface-tile p-8">
374
- <h3 className="text-[10px] font-bold tracking-[0.2em] opacity-40 mb-6">
396
+ <div className="space-y-4 md:space-y-6 animate-in fade-in slide-in-from-right-4 duration-500">
397
+ <div className="surface-tile p-4 md:p-8">
398
+ <h3 className="text-[10px] font-bold tracking-[0.2em] opacity-40 mb-4 md:mb-6">
375
399
  Metadata
376
400
  </h3>
377
- <div className="space-y-6">
401
+ <div className="space-y-4 md:space-y-6">
378
402
  <div className="flex flex-col gap-2">
379
403
  <span className="text-[10px] font-bold tracking-widest opacity-40">
380
404
  Dynamic Status
@@ -429,11 +453,11 @@ export function DetailView({
429
453
  </div>
430
454
  </div>
431
455
 
432
- <div className="surface-tile p-8 bg-[var(--kyro-bg-secondary)]">
433
- <h3 className="text-[10px] font-bold tracking-[0.2em] opacity-40 mb-4">
456
+ <div className="surface-tile p-4 md:p-8 bg-[var(--kyro-bg-secondary)]">
457
+ <h3 className="text-[10px] font-bold tracking-[0.2em] opacity-40 mb-3 md:mb-4">
434
458
  Quick Links
435
459
  </h3>
436
- <div className="space-y-3">
460
+ <div className="space-y-2 md:space-y-3">
437
461
  <button
438
462
  type="button"
439
463
  onClick={handleDuplicate}