@tomorrowos/sdk 1.1.5 → 1.1.7

package/templates/cms-starter-v0/cms-panel/panel.css

@@ -1144,3 +1144,359 @@ button.danger {
   justify-content: center;
   margin-top: 1.15rem;
 }
+
+.playlist-item-rule-summary {
+  margin: 0 0 0.45rem;
+  font-size: 0.75rem;
+  color: #444;
+  white-space: pre-line;
+}
+
+.playlist-item-add-rule {
+  width: 100%;
+  margin-bottom: 0.45rem;
+}
+
+.tag-rule-modal-card {
+  width: min(92vw, 480px);
+  padding: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.tag-rule-modal-body {
+  overflow: auto;
+  padding: 1.25rem;
+  min-height: 0;
+}
+
+.tag-rule-modal-actions {
+  justify-content: flex-end;
+  margin-top: 0.35rem;
+}
+
+.tag-rule-divider {
+  border: 0;
+  border-top: 1px solid #e4e4e7;
+  margin: 1.15rem 0 1rem;
+}
+
+.item-schedule-heading {
+  margin-top: 0;
+}
+
+.item-schedule-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.65rem 0.85rem;
+  margin: 0.75rem 0;
+}
+
+.item-schedule-grid label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.8rem;
+  color: #444;
+}
+
+.item-schedule-grid input {
+  font: inherit;
+  padding: 0.4rem 0.45rem;
+  border: 1px solid #d4d4d8;
+  border-radius: 8px;
+  background: #fff;
+}
+
+.item-schedule-repeats {
+  margin: 0.15rem 0 0.4rem;
+  font-size: 0.8rem;
+  color: #444;
+}
+
+.item-schedule-days {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
+.item-schedule-day {
+  padding: 0.3rem 0.45rem;
+  font-size: 0.78rem;
+  border-radius: 999px;
+}
+
+.item-schedule-day.is-on {
+  background: var(--brand-primary);
+  border-color: color-mix(in srgb, var(--brand-primary) 82%, #000);
+}
+
+.tag-rule-modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.tag-rule-modal-header h2 {
+  margin: 0;
+  font-size: 1.15rem;
+}
+
+.tag-rule-close {
+  border: 0;
+  background: transparent;
+  font-size: 1.4rem;
+  line-height: 1;
+  padding: 0 0.15rem;
+  cursor: pointer;
+  color: #444;
+}
+
+.tag-rule-asset-name {
+  margin: 0.35rem 0 1rem;
+  color: #6b7280;
+  font-size: 0.92rem;
+  word-break: break-all;
+}
+
+.tag-rule-section {
+  margin: 0 0 0.35rem;
+  font-size: 1rem;
+}
+
+.tag-rule-sentence {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.4rem;
+  margin: 0.85rem 0 0.75rem;
+  font-size: 0.95rem;
+}
+
+.tag-rule-sentence select {
+  font: inherit;
+  padding: 0.28rem 0.4rem;
+  border: 1px solid #d4d4d8;
+  border-radius: 8px;
+  background: #fff;
+}
+
+.tag-rule-selected {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+  margin-bottom: 0.55rem;
+}
+
+.tag-rule-selected:empty {
+  display: none;
+}
+
+.tag-rule-add {
+  position: relative;
+}
+
+.tag-rule-add input {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0.7rem 0.8rem;
+  border: 1px solid #d4d4d8;
+  border-radius: 10px;
+  font: inherit;
+  font-size: 0.95rem;
+}
+
+.tag-rule-options {
+  position: absolute;
+  z-index: 2;
+  left: 0;
+  right: 0;
+  top: calc(100% + 4px);
+  margin: 0;
+  padding: 0.25rem 0;
+  list-style: none;
+  background: #fff;
+  border: 1px solid #e4e4e7;
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
+  max-height: 180px;
+  overflow: auto;
+}
+
+.tag-rule-options button {
+  display: block;
+  width: 100%;
+  text-align: left;
+  border: 0;
+  background: transparent;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  cursor: pointer;
+}
+
+.tag-rule-options button:hover,
+.tag-rule-options button:focus {
+  background: #f4f4f5;
+}
+
+.playlist-item-rule {
+  display: grid;
+  gap: 0.35rem;
+  margin: 0.45rem 0 0.55rem;
+}
+
+.playlist-item-rule-label {
+  display: grid;
+  gap: 0.25rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+.playlist-item-rule-op,
+.playlist-item-rule-tags,
+.device-tag-add input,
+#screenTagFilter {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0.4rem 0.5rem;
+  border: 1px solid #d6d3ce;
+  border-radius: 6px;
+  font: inherit;
+  font-size: 0.8rem;
+  background: #fff;
+}
+
+.device-tags {
+  margin-top: 0.75rem;
+  padding-top: 0.75rem;
+  border-top: 1px solid #e4e1dc;
+}
+
+.device-tags-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  margin-bottom: 0.35rem;
+}
+
+.device-tag-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+  margin-bottom: 0.45rem;
+}
+
+.device-tag-empty {
+  font-size: 0.75rem;
+  color: #71717a;
+}
+
+.device-tag-chip {
+  border: 1px solid #d6d3ce;
+  background: #fff;
+  border-radius: 999px;
+  padding: 0.15rem 0.55rem;
+  font-size: 0.75rem;
+  cursor: pointer;
+}
+
+.device-tag-add {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.4rem;
+  margin-bottom: 0.85rem;
+}
+
+.device-tag-add > button {
+  padding: 0.4rem 0.65rem;
+  font-size: 0.8rem;
+  line-height: normal;
+  border-radius: 6px;
+}
+
+.device-tag-add input {
+  flex: 1 1 8rem;
+  width: auto;
+}
+
+#pairedDevicesSection > .field-label,
+.screen-tag-toolbar .field-label {
+  display: grid;
+  gap: 0.3rem;
+  margin: 0;
+  max-width: 18rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+}
+
+.screen-tag-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 0.75rem;
+  margin: 0.75rem 0 1rem;
+}
+
+.manage-tag-list {
+  list-style: none;
+  margin: 0.75rem 0;
+  padding: 0;
+  display: grid;
+  gap: 0.4rem;
+}
+
+.manage-tag-row {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+.manage-tag-row > span {
+  flex: 1;
+  min-width: 0;
+  word-break: break-all;
+}
+
+.manage-tag-rename,
+.manage-tag-create input {
+  flex: 1;
+  min-width: 0;
+  box-sizing: border-box;
+  padding: 0.4rem 0.5rem;
+  border: 1px solid #d4d4d8;
+  border-radius: 8px;
+  font: inherit;
+}
+
+.manage-tag-create {
+  display: flex;
+  gap: 0.4rem;
+}
+
+.manage-tag-empty {
+  color: #71717a;
+  font-size: 0.85rem;
+}
+
+.manage-tag-error {
+  min-height: 1.2em;
+  margin: 0.6rem 0 0;
+  color: #b42318;
+  font-size: 0.85rem;
+}
+
+.device-tag-picker {
+  position: relative;
+  flex: 1 1 8rem;
+  min-width: 0;
+}
+
+.device-tag-picker input {
+  width: 100%;
+}
+
+.device-tag-picker .tag-rule-options {
+  z-index: 5;
+}

package/templates/cms-starter-v0/package-lock.json

@@ -1,14 +1,14 @@
 {
   "name": "my-cms",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "my-cms",
-      "version": "1.1.5",
+      "version": "1.1.7",
       "dependencies": {
-        "@tomorrowos/sdk": "^1.1.5",
+        "@tomorrowos/sdk": "^1.1.7",
         "dotenv": "^17.2.3",
         "tsx": "^4.19.0"
       },

package/templates/cms-starter-v0/package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-cms",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "TomorrowOS CMS for Vercel / v0 Publish (Fluid Function + WebSockets + optional Next Preview).",
   "private": true,
   "type": "module",
@@ -16,7 +16,7 @@
     "build": "node -e \"process.exit(0)\""
   },
   "dependencies": {
-    "@tomorrowos/sdk": "^1.1.5",
+    "@tomorrowos/sdk": "^1.1.7",
     "dotenv": "^17.2.3",
     "tsx": "^4.19.0"
   },